优化 Google Adsense 代码加载加快网站页面打开速度

流水

3 年前

WordPress 博客开启 Google Adsense 了吗？补贴一下 VPS 主机和域名开销也不错。不过，由于「你懂的」原因，Google Adsense 肯定会影响网页打开速度，如何优化呢？

「优化 Google Adsense 代码加载加快网站页面打开速度：https://uxtt.com/36」

网上看到一个通过异步加载 adsbygoogle.js 方法来减少 Google Adsense 对页面加载速度的影响。方法来自：怎么才能让 GoogleAdsense 不拖慢速度 || 陈 YFの博客。

Google Adsense 优化原理：使用 window.addEventListener 实现等待页面加载完成再加载 Google Adsense 核心 adsbygoogle.js 文件，这样就不影响正常浏览了。

实现代码如下：

「优化 Google Adsense 代码加载加快网站页面打开速度：https://uxtt.com/36」

<script type="text/javascript">
  function downloadJSAtOnload() {
    var element = document.createElement("script");
    element.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
    document.body.appendChild(element);
  }
  if (window.addEventListener){
    window.addEventListener("load", downloadJSAtOnload, false);
  }
  else if (window.attachEvent){
    window.attachEvent("onload", downloadJSAtOnload);
  }
  else{
    window.onload = downloadJSAtOnload;
  }
</script>

<!-- ADs：uxtt.com | ostarted.com | 0xo.net | ae.mba | sars.win | bdkp.net -->
<!-- ADs-in-Blog-Under-Valine -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-10249527"
  data-ad-slot="1008611"
  data-ad-format="auto"
  data-full-width-responsive="true">
</ins>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({});
</script>

请根据实际修改使用，有一定相关，有需要不妨试试。

本文首发于：优化 Google Adsense 代码加载加快网站页面打开速度-細水長流

「优化 Google Adsense 代码加载加快网站页面打开速度：https://uxtt.com/36」

本文已于 2022-06-19 修改更新，您的宝贵建议请在文章下方评论区留言反馈，谢谢。