谷歌广告Google AdSense速度加速优化,网站加载速度优化教程【亲测有效】

IT资讯
IT资讯
IT资讯
997
文章
183
评论
2022-06-2108:21:39
评论
125 1766字

由于网站申请了谷歌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速度加速优化,网站加载速度优化教程【亲测有效】
谷歌广告Google AdSense速度加速优化,网站加载速度优化教程【亲测有效】

 

谷歌广告Google AdSense速度加速优化,网站加载速度优化教程【亲测有效】

 

 

或者想延迟显示谷歌广告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。

 

谷歌广告Google AdSense速度加速优化,网站加载速度优化教程【亲测有效】
谷歌广告Google AdSense速度加速优化,网站加载速度优化教程【亲测有效】

 

 

广告位出租,网站留言板留下你的联系方式.
广告位出租,网站留言板留下你的联系方式.
  • Copyright ©  PC在线云端  版权所有.
  • 转载请务必保留本文链接:https://www.gaofumei.net/networks/11168.html
新用户1元试用!中继网络解锁流媒体
好山,好水,出好的有机古树茶,来自海拔3052米的有机古树茶。高山云雾出好茶,--极品堂有机古树茶。
广告位出租,网站留言板留下你的联系方式.
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: