Loading... 网站接入谷歌广告(Google AdSense)后，经常发现整站的加载时间长了许多。对此百度了许多方法，找到了既简单又实用的方法，效果明显！ 谷歌广告加载慢？优化AdSense代码加速网站。 ## 减少代码中的js请求 先让我们看看谷歌官方给的广告代码 ```html <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监听加载 这是传说中的懒加载吗？ 说实话我也不确定，我只是个半吊子。 代码如下 ```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> ``` 代码是让广告在网站载入完成后才开始加载，让谷歌广告加载慢的问题无法影响网站加载速度。 ## 疯狂暗示 本站也开了也有一年多了，虽然期间换主题折腾许久，甚至还丢过几次数据 <img src="https://image.blogbig.cn/handsome/assets/img/emotion/aru/shutup.png" class="emotion-aru"> 这些也算数吧(小声bb) 随着时间推移也渐渐的有了点流量，但服务器开销也是个问题。目前纯靠兴趣维持 如果你喜欢本站文章觉得对你有用 建议将本站设置广告拦截白名单，如果你再喜欢一点点，建议在点一点广告 <img src="https://image.blogbig.cn/handsome/assets/img/emotion/aru/flower.png" class="emotion-aru"> 正文到此结束 最后修改：2022 年 07 月 10 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 0 如果觉得我的文章对你有用，请随意赞赏
3 条评论
感谢博主的分享，博主已经不投放谷歌广告了？OωO
谷歌广告需要地址验证，没有完成暂时关闭了。
感谢博主分享这些小技巧！