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

以上就是Google AdSense广告JS导致网站加载延迟缓慢的解决办法的详细内容，更多关于Google AdSense广告JS导致网站加载延迟缓慢的解决办法的资料请关注九品源码其它相关文章！