Google AdSense广告JS导致网站加载延迟缓慢的解决办案 - 有用网在线工具,你的在线工具箱

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文件，这样体验感受会好很多。