Google AdSense广告JS导致网站加载延迟缓慢的解决办案

作者:有用网 阅读量:312 发布时间:2023-05-11
关键字 Adsense Google


Google AdSense是广告收入的来源,但由于特殊原因造成广告JS脚本加载缓慢,严重影响网站加载速度让体验感受变得很垃圾。

解决方案分为两步:

1、Google AdSense 代码精简

首先要精简优化 Google AdSense 谷歌广告的JS代码,官方给的 Google AdSense 广告代码单元的时候每创建一个广告位都会是以下这样:

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

有时候挂广告代码的时候容易忽略这点,会直接复制粘贴广告代码放到网页里面,如果是一个广告单元还好,如果是多个还这样复制的话,那这个JS脚本就会重复几次加载,无形中影响了加载速度,而官方说明以及我本人测试,多个广告单元只用加载一次就行了,所以多余的删除吧。

2、将谷歌广告单元的js延迟加载

我们可以先加载自己网站的内容和JS代码,最后再加载谷歌的JS代码,让它先等一会儿,就不会造成页面加载慢了。以下代码经测试,已经应用在了有用网在线工具中,实践有效!


<script>
setTimeout(function() {
    let script = document.createElement("script");
    script.setAttribute("async""");
    script.setAttribute("data-ad-client""ca-pub-7464541993009114");
    script.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"; // 地址直接以//开头,如script.src = "//pagead2.googlesyndication.com采用默认协议也可以
    document.body.appendChild(script);
},1000);
</script>

上面这段代码可以放在页面最底部的公共文件中,每次到最后网页本身加载就绪之后,再动态加载谷歌的广告JS文件,这样体验感受会好很多。


#发表评论
提交评论