谷子猫博客
谷歌广告（Google Adsense）是许多站长网站的收入来源之一，但有时我们会发现谷歌广告加载很慢，影响网站的整体加载速度。本文将介绍如何优化谷歌广告加载速度，让您的网站加载更快。理论上适用于包括 Google Analytics（谷歌分析）、Google Tag Manager 和 Google AdSense 等的所有广告和统计代码。
谷歌广告加载速度慢的原因
谷歌广告加载慢的主要原因是加载了大量的 JavaScript 文件，这些文件需要从谷歌的服务器下载，因此会增加网站的加载时间。
因为谷歌在国内尴尬的局面，谷歌在国内的广告较少，且没有在国内布置服务器，导致在网页加载js的时候可能会比较拖拉，此外还会加载境外的广告图片资源，经过F12诊断模式，加速最慢的已经达到了21.30s，另外一些载入速度700ms的资源，可以暂时忽略。虽说网站打开速度不是很快，但是不能这么拖拉啊.
而且受限于谷歌规定，不允许站长修改谷歌的广告投放代码。
优化谷歌广告加载速度的方法
1、减少代码中的 JS 请求
谷歌广告代码中常见的一个问题是多次加载 adsbygoogle.js 文件，导致加载速度变慢。我们只需要将这个文件放在网站的 <head> 标签中，加载一次 adsbygoogle.js 文件即可：
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
3、优化广告单元
页面中的广告单元不需要再引一遍 adsbygoogle.js 文件，只需要引入单元部分即可。
<ins class="adsbygoogle"
style="display:inline-block;按照您的样式填写"
data-ad-client="ca-pub-按照您的代码填写"
data-ad-slot="4761618262">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
3、使用懒加载
懒加载是一种延迟加载技术，可以将网站上的内容分批加载。这样，当用户访问网站时，会先加载当前屏幕上的内容，而其他内容可以在页面加载完时再加载。使用懒加载技术来延迟加载谷歌广告，可以减少网站的初始加载时间。
通过 JS 监听加载的方式，在网站加载完成后再开始加载谷歌广告的 JS，避免广告加载慢影响网站整体加载速度：
<script>
window.onload = function() {
let script = document.createElement("script");
script.setAttribute("async", "");
script.src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
document.body.appendChild(script);
}
</script>
谷歌因为一些文件无法载入导致网页加载缓慢，基本是没法解决了，如果有选择，可以考虑更换其它家的广告。
发表评论