谷歌广告加载速度慢怎么办?优化加载速度详细教程

很多站长的网站都投放了谷歌广告(Google Adsense),但是我们在实际投放谷歌广告的过程中发现谷歌广告加载速度慢的问题,那这个问题有办法解决吗?今天就为大家带来这个优化谷歌广告加载速度详细教程。

谷歌广告加载速度慢原因分析

图片[1]-谷歌广告加载速度慢怎么办?优化加载速度详细教程-半式share

如上图所示,我们把Google Adsense广告代码分为1、2两个部分,1部分是加载谷歌广告JavaScript文件,造成网页速度慢就是加载这个JavaScript文件造成的,速度慢的元凶就是他。

优化谷歌广告加载速度教程
解决问题的思路是通过懒加载来解决,让网站完成在加载谷歌广告内容。
也就是将1部分的代码进行懒加载改造:

  1. <script type=”text/javascript”>
  2. function downloadJSAtOnload() {
  3. var element = document.createElement(“script”);
  4. element.setAttribute(“async”, “”);
  5. element.src = “pagead2.googlesyndication.com发布商 ID”;
  6. element.setAttribute(“crossorigin”, “anonymous”);
  7. document.body.appendChild(element);
  8. }
  9. if (window.addEventListener)
  10. window.addEventListener(“load”, downloadJSAtOnload, false);
  11. else if (window.attachEvent)
  12. window.attachEvent(“onload”, downloadJSAtOnload);
  13. else window.onload = downloadJSAtOnload;
  14. </script>

上述代码中发布商 ID要改成你自己的,接下来加上前面图中展示的2部分的代码:

  1. <ins class=”adsbygoogle”
  2. style=”display:inline-block;按你的代码填写”
  3. data-ad-client=”ca-pub-按你的代码填写”
  4. data-ad-slot=”4761618262″></ins>
  5. <script>
  6. (adsbygoogle = window.adsbygoogle || []).push({});
  7. </script>

我们可以2部分代码放到想要展示广告的位置,然后将改造后1部分代码放在这个2部分代码后面。

这样整个谷歌广告加载速度优化过程就已经结束了,希望能够帮助到有需要的站长朋友。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容