1、Google AdSense 代码精简

首先我们需要精简优化 Google AdSense 谷歌广告的JS代码，我们申请 Google 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>

那么我在网站的多个页面或一个页面投放多个Google AdSense 广告，这样就会造成打开一个网页重复加载多个js，那么一个页面里面有很多个这样的代码。你就会发现，其中每次都要调用一个https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js 代码。其实这个js只要调用一次就行了的。

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

答：不需要，adsbygoogle.js 可以一次性加载完成。

以上是官方的回答，那么我们可以直接把以下这段js文件直接写入主题 head 里，相当于每页都会加载这个JS，就不会重复请求加载这个JS了，节省了多次调用adsbygoogle.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>

2、谷歌广告js延迟加载

有没有方法先让网页先展示，然后才到谷歌Google AdSense广告显示，而不影响网站打开的速度呢，用懒加载的方式加载 adsbygoogle.js 核心文件，建议将下列代码部署至 </body> 之前即可。

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>

上面的代码是让广告在网站载入完成后才开始加载，让谷歌广告联盟 Google AdSense 加载慢的问题无法影响网站加载速度。

以上2个方法都是组合使用的，如果不需要延迟加载就不需要使用“谷歌广告js延迟加载”只使用”AdSense代码精简”即可。

另外延迟加载 Google AdSense 在移动宽带有时候直接不会显示广告，故本站只使用的精简JS代码，没有做延迟加载优化。

安装地址：解决Google AdSense广告导致网站加载慢的优化方法-淇云博客1、Google AdSense 代码精简首先我们需要精简优化 Google AdSense 谷歌广告的JS代码，我们申请 Google AdSense 广告的时候每创建一个广告位都会是以下这样： &https://www.pengqi.club/1674.html

解决Google AdSense导致网站加载慢的优化方法相关推荐

html 图片显示一块一块加载失败,页面中图片加载失败的优化方法
网站当中经常会遇到图片加载失败的问题,img中有地址,但是地址打开是错误的.情况如下: 不同浏览器处理错误图片是不一样的,有的干脆就显示差号,例如IE,有的显示一张破碎的图片,有的则是给一张高度比较大 ...
ios加载本地html懒加载图片方案,IOS开发中加载大量网络图片优化方法
IOS开发中加载大量网络图片如何优化 1.概述在IOS下通过URL读一张网络图片并不像其他编程语言那样可以直接把图片路径放到图片路径的位置就ok,而是需要我们通过一段类似流的方式去加载网络图片,接着 ...
解决WordPress网站加载慢和头像不显示问题
WordPress安装完成后,网站打开时,显示一直打转(加载慢),而且管理员用户头像引入错误.原因是WP加载了谷歌字体和国外的gravatar.com上的用户头像,理所当然被"墙" ...
网站加载 Waiting (TTFB) 时间过长的原因和解决办法
关注网页前端性能的朋友,在优化网页性能的时候都会遇到网站加载 Waiting(TTFB)时间过长的问题.对于没有优化过的 WordPress 站点,TTFB 时间经常超过了页面内容的下载时间,为用户带 ...
解决MWPhotoBrowser中的SDWebImage加载大图导致的内存警告问题
本文转载至 http://www.superqq.com/blog/2015/01/22/jie-jue-mwphotobrowserzhong-de-sdwebimagejia-zai-da-tu- ...
解决网站加载图片太慢
1.压缩图片由于网站加载高清无损的照片的是十分耗时的,如果动不动就是几M,甚至10几M的图片,那加载起来可就难受了,所以我们第一个应该想到的是压缩图片来解决图片的大小,推荐两个很好用的压缩图片的网站 ...
php waiting ttfb,浅谈我们个人博客网站加载过程中Waiting(TTFB)时间过长的解决办法...
最近,我发现博客访问速度已经放缓.我检查了控制台,发现所有静态资源都在200ms内加载.只有第一份文件达到了6.65s.它被称为等待(TTFB). )占用主要加载时间的东西.具体的控制台显示内容如下: ...
WordPress网站加载WAITING (TTFB) 时间过长解决办法
WordPress 刚刚安装的时候,性能是没问题的,我们安装了主题.插件.添加了一些小工具和菜单,然后我们就开始上传内容了,我们都很勤快 Waiting (TTFB) 时间 Time to First ...
iis服务器响应缓慢,IIS网站加载缓慢怎么办？如何处理？
您的IIS网站加载缓慢吗?我们可以帮助您修复它. 一个慢速的网站将永远赶走您的有效访问者. IIS网站的运行缓慢通常可以通过更改某些IIS功能来解决. 在Bobcares,我们收到客户的请求,以使II ...

解决Google AdSense导致网站加载慢的优化方法

1、Google AdSense 代码精简

解决Google AdSense导致网站加载慢的优化方法相关推荐

最新文章

热门文章