解决谷歌广告拖慢网站加载速度的问题-亲测部分有效-仅供参考

2020/03 07 18:03

网站接入谷歌广告(Google AdSense)后,经常发现整站的加载时间长了许多。对此百度了许多方法,找到了既简单又实用的方法,效果明显!

谷歌广告加载慢?优化AdSense代码加速网站。

减少代码中的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>

代码是通过async异步请求加载adsbygoogle.js核心文件,待加载完成后再push到ins内,显示广告内容。
而谷歌广告在国内的节点少之又少,时常抽风。当网站加载广告出现加载慢的情况时,网站就会一直处于加载状态,从而拖慢网站加载速度。

问题:如果我的网站要放几个广告单元时,我是不是要为每个广告单元都添加一段<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>呢?
答:不,不需要!网站只需要加载一次adsbygoogle.js

如果网站有多个广告单元,那就可以把该段引入JS的代码放在head内,既可以达到只需一次载入JS 即可让所有广告单元显示广告。

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

代码是让广告在网站载入完成后才开始加载,让谷歌广告加载慢的问题无法影响网站加载速度。

 

第二篇文章

 

最近发现自己的几个加了百度和谷歌广告的网站广告速度加载速度非常慢,而且有时候甚至加载不出来,这样大大影响了网站的用户体验度,网上找了很多解决办法,感觉效果都不怎么好。好不容易找到一个给大家分享一下。

方法1:

第一步:把下面这段代码放在你要展示广告的网页位置:


<span id="myads">此处内容可随意填</span>

第二步:把下面这段代码放到整个网页代码(比如主模版代码)的最底部,当然,要确保是在</body>之前:

<span id="span_myads"> 此处放Google AdSense广告代码 </span>
<script type="text/javascript">
document.getElementById("myads").innerHTML=document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML="";
</script>

原理介绍: 因为浏览器是按网页中的代码先后顺序而加载网页内容的,所以我们只要把Google AdSense广告代码放到整个网页代码的最后,那么Google AdSense不管能不能加载都不会影响到其它网页内容的加载。 上面的解决原理就是,先让浏览器加载


<span id="myads">此处内容可随意填</span>

处内容,因为这部分内容不管如何都会很容易加载上的。 最后才让浏览器加载Google AdSense代码,如果Google AdSense广告能够被正常加载,那Google AdSense广告将会替换


<span id="myads">此处内容可随意填</span>

代码处的内容。

方法2:

GOOGLE官方早就发布了一个,防止AdSense显示慢,影响网页打开速度,网页老是打不开的代码

<div id="googlead" width="广告宽度" height="广告高度" align="center"></div>
<div id="googleadcode" style="display:none"> 这里放你的AdSense广告代码 </div>
<script language="javascript">
if(document.all.item("googlead") != null) {
googlead.innerHTML = googleadcode.innerHTML; }
</script>
同样的道理对应其它的任何广告或加载慢的页面都可以使用这种方法来加快页面显示速度!
转载自:
https://www.blogbig.cn/index.php/archives/googleadsense.html

--转载请注明: https://www.zhangmingming.cn/974.html


发表回复

欢迎回来 (打开)

(必填)