解决谷歌广告加载慢导致页面打不开或用户体验差的问题

原创 HuangLongPu     发表于  2021-04-17 15:20       108

网页上线谷歌广告后,打开页面响应会很慢或者打不开。通过排查,把谷歌广告屏蔽之后,页面加载就正常了,确定了是谷歌广告加载慢而导致网页浏览体验如此糟糕的原因。


自从谷歌退出大陆市场后,有关谷歌的链接加载用户体验相当糟糕!虽然谷歌已经对 Adsense 广告做过了优化,但仍不稳定,偶尔抽风、加载失败的情况仍时不时会出现。

为解决这个问题,可使用JS监听加载的方式,来使网站看起来加载非常快。原理就是我们在网站加载完成后,才开始加载谷歌的JS。做法很简单:

谷歌广告官方给出的 js 广告代码:

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

修改为:

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

这样修改,就是让页面加载完成 1 秒后,才开始加载谷歌广告。虽然没有做到真正意义上的加速,但是用户体验的问题得到了解决。作者亲测后,并不影响Google Adsense 广告的收益。