解决Google AdSense广告导致网站加载慢的代码优化方法

速优网络（10年经验），服务数万家企业，固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司，专业团队，值得选择！建站业务：企业网站建设、公司官网制作、外贸网站建设、网站仿制、网站复制、仿站、外贸建站、单页扒站客服微信【suyoufuwu】

解决谷歌 Google AdSense 广告导致网站加载慢的代码优化方法，相信很多做网站的朋友网站有了一部分流量后就会挂上 Google AdSense 谷歌广告以维持服务器的运营需要，但是国内对于谷歌的网络优化并不是很好，很多网站在挂上Google AdSense 谷歌广告后网站的加载速度受影响，本来网站打开速度很快的，结果放上谷歌Google AdSense广告后，每次打开都要转圈圈，等谷歌Google AdSense广告全部显示出来后才算全部加载完成。这样给访客始终不太好的浏览体验。如果你也遇到这个情况的，不妨可以试试亿破姐网站分享的这个办法。

Google AdSense

1、Google AdSense 代码精简

首先我们需要精简优化 Google AdSense 谷歌广告的JS代码，我们申请 Google AdSense 广告的时候每创建一个广告位都会是以下这样：

复制

<script async src=“https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script><ins class=“adsbygoogle”style=“display:block”data-ad-client=“ca-pub-id”data-ad-slot=“id”data-ad-format=“auto”data-full-width-responsive=“true”></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

那么我在网站的多个页面或一个页面投放多个Google AdSense 广告，这样就会造成打开一个网页重复加载多个js，那么一个页面里面有很多个这样的代码。你就会发现，其中每次都要调用一个https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js 代码。其实这个js只要调用一次就行了的。

问：如果我的网页上有多个广告单元，我是否要为每个广告单元添加 <script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

答：不需要，adsbygoogle.js 可以一次性加载完成。

以上是官方的回答，那么我们可以直接把以下这段js文件直接写入主题 head 里，相当于每页都会加载这个JS，就不会重复请求加载这个JS了，节省了多次调用adsbygoogle.js的时间。

复制

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

然后剩下的广告代码就精简为下面这样：

复制

<ins class=“adsbygoogle”style=“display:block”data-ad-client=“ca-pub-id”data-ad-slot=“id”data-ad-format=“auto”data-full-width-responsive=“true”></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

2、谷歌广告js延迟加载

有没有方法先让网页先展示，然后才到谷歌Google AdSense广告显示，而不影响网站打开的速度呢，用懒加载的方式加载 adsbygoogle.js 核心文件，建议将下列代码部署至 </body> 之前即可。

复制

<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);}, 2e3);}</script>

上面的代码是让广告在网站载入完成后才开始加载，让谷歌广告联盟 Google AdSense 加载慢的问题无法影响网站加载速度。

以上2个方法都是组合使用的，如果不需要延迟加载就不需要使用“谷歌广告js延迟加载”只使用”AdSense代码精简”即可。

另外延迟加载 Google AdSense 在移动宽带有时候直接不会显示广告，故本站只使用的精简JS代码，没有做延迟加载优化。

以上就是速优网络和大家分享的"解决Google AdSense广告导致网站加载慢的代码优化方法",非常感谢您有耐心的读完这篇文章，我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供：企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务，本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作，请扫码咨询，我们将诚挚为您服务。

TAG标签：

上一篇： WordPress不闭站的情况下备案且不

下一篇： wordpress4.9 删除功能中的外