改版后最新优化谷歌广告 Google Adsense,提高网站加载速度。

Google Adsense 2022年最新改版后,在国内是拖慢网页加载速度最牛逼的 JavaScript 文件了,谷歌广告 JavaScript 文件虽然现在获取解析都是上海和北京的服务器,但速度还是不行,网页加载谷歌广告加载速度真是难以忍受了,查阅了很多解决方法,以下方法获取是目前最有效的了。

问题分析

从下图可以看到网站本身为 1.2kb 的网页,谷歌广告加载需要将近 10s 加载完毕,加载大小将近 1.6MB,这还是一个广告位,可想而知自动广告网站加载拖慢程度有多厉害!!!

夸张的是这是通过海外代理访问的,如果放在大陆打开,甚至加载更慢,虽然谷歌拥有异步加载,可仍然会严重拖慢速度,并且当用户没有打算看广告时,广告仍然会加载。

简单统计了一下,我打开网页用了 1s,剩下 9s 我的浏览器上方一直在加载,这种情况非常的讽刺,因为谷歌在 PageSpeedLight 中口口声声说需要降低 js 的渲染速度和外部链接加载。

实际上呢,刚刚的广告,谷歌向服务器发送了 56 次请求,其中 25 次 js 加载,总渲染达到 3.87 秒,接着是图片,总共将近 8 个,总大小 1.4MB,到了这种地步,已经让我无法忍耐了,可以想象打开博客时,最开始跳出来的不是博文的内容,而是毫不相关的广告,这种情况,访客能正常浏览完网页才怪。

解决方法

首先我们来看个谷歌广告实例,比如我博客广告单元是以下这个样子,可以看到 adsbygoogle.js 为核心 js 文件,那么我们就可以通过懒加载来解决,让网站完成在加载谷歌广告内容。

<!---GOOgle AdSense--->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3542784647421187"
     crossorigin="anonymous"></script>

以下就是通过 window.addEventListener 来实现谷歌广告懒加载,可直接复制使用,放在网站 head 或 footer 最后,本站所用7B2主题,放在了B2主题设置-常用设置-底部HTML标签 修改实例如下:

新版 Google AdSense 代码已发布,根据新版 Google AdSense 代码已进行调整!!!

<!---GOOgle AdSense--->
<script>
function downloadJSAtOnload() {
var element = document.createElement("script");
element.setAttribute("async", "");
element.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca--pub-3542784647421187";
element.setAttribute("crossorigin", "anonymous");
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>

接着就是将剩下的 ins 和 script 放在指定广告位置上即可,这里不要复制我的,是你自己的,如下:

<ins class="adsbygoogle"
     style="display:inline-block;width:280px;height:560px"
     data-ad-client="ca-pub-3542784647421187"
     data-ad-slot="3028951386"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

注意事项

网页打开后的加载顺序都是按页面从上到下的顺序加载完成的,所以要想然后谷歌广告不影响页面打开速度,建议将谷歌广告 JS 代码放置网站 JS 代码后,这样就可以等页面加载完再加载广告。

国内挂载谷歌广告不建议使用自动部署,手动固定广告位置最合理,不影响加载,也不影响网站整体美观度,如果你在做谷歌搜索引擎优化,手机站不推荐放置谷歌广告,别问我为什么,问了就是影响加载,对优化有影响。

看看我博客放置的广告位置就差不多明白了!!!

温馨提示:

文章标题:改版后最新优化谷歌广告 Google Adsense,提高网站加载速度。

文章链接:https://www.xtuku.com/11431.html

更新时间:2022年09月28日

本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:590173@qq.com我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读新图酷网网络免责服务协议

给TA赞助
共{{data.count}}人
人已赞助
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索