优化Adsense广告代码减少请求

免费教程   2021年04月03日 17:02  

先看一个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>

我们来分解一下,首先通过async异步请求加载adsbygoogle.js核心文件,待加载完成后再push到ins内,显示广告内容。

如何优化这段代码?通过我们的做法是直接复制生成的这段代码,放在相应位置就结束了。但如果我们一个页面有多个广告位,那就会出现多次引用请求adsbygoogle.js文件,这样就会造成网络延迟。那么如果一个页面多个广告是否需要多次引用呢?

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

A:不,不需要,adsbygoogle.js 可以一次性加载。

上面是Google官方给出的QA,不需要多次引用加载

好的,那么优化方法确定了,在head内一次加载adsbygoogle.js就行,感兴趣的童鞋可以看看我站内的源码,不影响正常显示,至于效果,可能感觉不到太大的变化。

您或许对下面这些文章有兴趣:                    本月吐槽辛苦排行榜

看贴要回贴有N种理由!看帖不回贴的后果你懂得的!


评论内容 (*必填):
(Ctrl + Enter提交)   

部落快速搜索栏

各类专题梳理

网站导航栏

X

返回顶部