WordPress google广告加载慢,优化

最近用WordPress搭建的网站添加了Google的广告代码,网页加载速度太慢了,于是想着优化下加载顺序代码及JavaScript代码,思路是延迟加载Google的JavaScript,以及把Google的JavaScript的代码放在页脚,最后才加载,以提升用户体验。

我的原生的Google Adsense的JavaScript代码如下:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-9999999999999999",
enable_page_level_ads: true
});
</script>
优化后的代码如下:

<script>
window.onload = function() {
setTimeout(function() {
let googleAdScript = document.createElement("script");
googleAdScript.setAttribute("async", "");
googleAdScript.src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
document.body.appendChild(googleAdScript);
}, 2500);
}
</script>
其中用了setTimeout函数延迟了2.5秒的时间后再执行,最后在把Google广告显示的代码放在页脚,这个可以放在网站首页页面的的页脚。

<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-9999999999999999",
enable_page_level_ads: true
});
</script>
最后优化后,用户体验比之前好了很多,页面内容显示正常了,没有之前的慢了,但Google广告的脚本加载还是慢,如下图所示,不过也不影响体验了。
————————————————
版权声明:本文为CSDN博主「QC班长」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_35624642/article/details/122129881

THE END