wordpress博客程序优化Google广告ADS加载速度

网站的快速加载是良好的用户体验和搜索引擎优化的要素之一。但是，每当在网站上部署Google AdSense的广告代码时，速度就会明显下降，因为要显示广告就要下载大量的文件，还有大量无用的、被阻塞的请求和代码。

优化方法1、简化Javascript代码。

我们获得的谷歌广告代码大致是这样的：

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=xxxxxx"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="xxxxxxxx"
     data-ad-slot="xxxxxx"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

页面上可能会有很多广告单元，所以我们每次都需要加载https://pagead2.google syndicationn.com/pagead/js/adsbygoogle.js的javascript文件，但是根据Google的说法，我们不需要为每个单元加载adsbygoogle.js文件，只需要加载一次即可。所以我们需要将下面的代码放在head标签中，并加载一次。

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=xxxxxx"
     crossorigin="anonymous"></script>

方法2、延迟广告的加载

通过JavaScript监控网页加载，每次网页加载后开始加载Google AdSense的JS，所以我们只需要把下面的代码放在头部就可以了。

<script>
window.onload = function() {
setTimeout(function() {
let script = document.createElement("script");
script.setAttribute("async", "");
script.src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
document.body.appendChild(script);
}, 5);
}
</script>

方法3.安装WordPress插件延迟加载(最简单)

不需要修改任何代码，只需在博客后台的插件菜单中安装：Flying Scripts 安装好这个插件后，点击设置，填写：adsbygoogle，保存。