谷歌广告加载慢?AdSense代码优化加速整站!

博主近期迫于无奈 接入了谷歌广告(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内,显示广告内容。

当我们需要放入广告位时 就将该段代码放入 可是如果有多个广告位的时候 就会引用多个相同的JS

Q:如果我的网页上有多个广告单元,我是否要为每个广告单元添加 <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>?
A:不,不需要,adsbygoogle.js 可以一次性加载。

上述是谷歌官方给的QA,由此可知我们不需要多次加载JS

如果你有多个广告位 那就可以把该段引入JS的代码 放到head里 既可以达到一次载入JS 所有ins都可以接到广告

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>

杂谈

本站也开了快两年了 随着时间推移也渐渐的有了些流量 但随之带来的就是服务器开销 目前纯靠兴趣维持

如果你喜欢本站文章觉得对你有用 建议将本站设置广告拦截白名单 如果你再喜欢一点点 建议在点一点广告(/委屈)