由于网站申请了谷歌Google AdSense广告,但是发现了有时候页面打开谷歌广告加载速度很慢有时候文章看完了广告还没有显示出来,这样的话非常影响,所以现在就分享下谷歌Google AdSense加速优化教程。
文章目录
减少代码中的JS请求
我们申请的谷歌广告代码一般是下面这个样子 :
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-123456789" crossorigin="anonymous"></script> <!-- wz01 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8473169350116219" data-ad-slot="7602271192" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
因为我们的页面可能存在多个广告单元,但是它会重复加载adsbygoogle.js文件,然后就导致了谷歌广告Google AdSense加载速度慢。根据官方的说法就是我们不需要每个单元都加载adsbygoogle.js文件,只需要加载一次就可以了。所以我们需要把以下代码:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-123456789" crossorigin="anonymous"></script>
放到head里,这样的话相当于每页都会加载。然后我们广告代码就可以精简为以下格式:
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-123456789" data-ad-slot="7602271192" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
这样一来节省了多次调用adsbygoogle.js的时间,进而让我们的用户体验更好。
或者想延迟显示谷歌广告Google AdSense来提升网站加载速度
这个办法实际上就是js监听加载,就是每次网页加载完成后,才开始加载谷歌广告Google AdSense的js,那么我们只需要把以下代码放在head里面,就可以了。
<script> window.onload = function() { setTimeout(function() { let script = document.createElement("script"); script.setAttribute("async", ""); script.src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"; document.body.appendChild(script); }, 2e3); } </script>
然后每个广告单元放上相应的广告代码即可,跟上面的一样:
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-123456789" data-ad-slot="7602271192" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
刷新缓存,你会发现网页先加载,在去加载谷歌广告Google AdSense。
评论