最近用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广告的脚本加载还是慢，如下图所示，不过也不影响体验了。

网站（WordPress）添加Google广告后加载速度太慢的解决方法_html5