谷歌联盟广告导致网站加载慢,解决方法

首先我们需要精简优化 Google AdSense 谷歌广告的JS代码,我们申请 Google AdSense 广告的时候每创建一个广告位都会是以下这样:


<script async src=“https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!-- zishiying -->
<ins class=“adsbygoogle”
style=“display:block”
data-ad-client=“ca-pub-id”
data-ad-slot=“id”
data-ad-format=“auto”
data-full-width-responsive=“true”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Online illustrations by Storyset

<!– zishiying –> 是这个广告的名字

那么我在网站的多个页面或一个页面投放多Google AdSense 广告,这样就会造成打开一个网页重复加载多个js,那么一个页面里面有很多个这样的代码。

你就会发现,其中每次都要调用一个 https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js 代码。

其实这个js只要调用一次就行了的。

问:如果我的网页上有多个广告单元,我是否要为每个广告单元添加 <script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

答:不需要,adsbygoogle.js 可以一次性加载完成。

以上是官方的回答,那么我们可以直接把以下这段js文件直接写入主题 head 里,相当于每页都会加载这个JS,就不会重复请求加载这个JS了,节省了多次调用 adsbygoogle.js 的时间。


<script async src=“https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

然后剩下的广告代码就精简为下面这样:

<!-- zishiying -->
<ins class=“adsbygoogle”
style=“display:block”
data-ad-client=“ca-pub-id”
data-ad-slot=“id”
data-ad-format=“auto”
data-full-width-responsive=“true”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

其实最后在 谷歌网站测速 里里面仍然显示加载广告代码,即便是优化过,一般般了。

本文转载于:https://www.pengqi.club/1674.html

《谷歌联盟广告导致网站加载慢,解决方法》有6条评论

  1. 谢谢大佬分享~ AdSense 我感觉还是目前最值得加入的广告联盟,虽然简中互联网的点击单价不算高……

    • 除了谷歌就是百度。百度的亂糟糟的,谷歌的看著很搭。
      就像Wordpress主題模板一樣,國人製作的模板規規矩矩,都定死了,稍微一改動就很不協調。國外的模板diy厲害,可以隨意改佈局。

    • 我拜访了一下杜老师的博客网站,粗略看了一下,感觉大概率可以申请下来;文章数量已经足够了,而且内容质量上也没啥问题~

评论已关闭。