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

小熊 网站代码评论139 浏览量阅读模式

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

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

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

优化谷歌广告加载速度教程

解决问题的思路是通过懒加载来解决,让网站完成在加载谷歌广告内容。小熊资源网小熊资源网-https://www.xxzyweb.com/3859.html

也就是将1部分的代码进行懒加载改造:小熊资源网小熊资源网-https://www.xxzyweb.com/3859.html

<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.setAttribute("async", "");
element.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-发布商 ID";
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>

上述代码中发布商 ID要改成你自己的,接下来加上前面图中展示的2部分的代码:小熊资源网小熊资源网-https://www.xxzyweb.com/3859.html

<ins class="adsbygoogle"
style="display:inline-block;按你的代码填写"
data-ad-client="ca-pub-按你的代码填写"
data-ad-slot="4761618262"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

我们可以2部分代码放到想要展示广告的位置,然后将改造后1部分代码放在这个2部分代码后面。小熊资源网小熊资源网-https://www.xxzyweb.com/3859.html

这样整个谷歌广告加载速度优化过程就已经结束了,希望能够帮助到有需要的站长朋友。小熊资源网小熊资源网-https://www.xxzyweb.com/3859.html 小熊资源网小熊资源网-https://www.xxzyweb.com/3859.html

继续阅读
快速批量取消微博关注网页脚本 网站代码

快速批量取消微博关注网页脚本

本文操作方法只适合电脑用户,无需一个一个取消微博关注 虽然不是全自动,但是比手动快捷多了!一次大概取关30个博主! 步骤如下 1、电脑浏览器打开:https://weibo.com/如果是新...
简单快速批量秒删除微博内容 网站代码

简单快速批量秒删除微博内容

这个方法可以说简单粗暴,虽说操作有点小重复,但比手动好多了,只适用于电脑用户。 步骤如下 1.电脑进入自己微博主页->然后右键鼠标->审核元素->点左边下面的 2....
评论  0  访客  0
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定