欢迎您来到,李雷博客 | PHP博客        登录  |  注册

Google AdSense广告JS导致网站加载延迟缓慢的解决办法

更新:2022-11-06 11:55:38
人气:819
来源:本站原创
A+

Google AdSense是广告收入的来源,但由于特殊原因造成广告JS脚本加载缓慢,严重影响网站加载速度让体验感受变得很垃圾。

解决方案分为两步:

1、Google AdSense 代码精简

首先要精简优化 Google AdSense 谷歌广告的JS代码,官方给的 Google AdSense 广告代码单元的时候每创建一个广告位都会是以下这样:

<script async src=“https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

有时候挂广告代码的时候容易忽略这点,会直接复制粘贴广告代码放到网页里面,如果是一个广告单元还好,如果是多个还这样复制的话,那这个JS脚本就会重复几次加载,无形中影响了加载速度,而官方说明以及我本人测试,多个广告单元只用加载一次就行了,所以多余的删除吧。

2、将谷歌广告单元的js延迟加载

我们可以先加载自己网站的内容和JS代码,最后再加载谷歌的JS代码,让它先等一会儿,就不会造成页面加载慢了。以下代码经测试,已经应用在了李雷博客中,实践有效!

<script>
setTimeout(function() {
    let script = document.createElement("script");
    script.setAttribute("async", "");
    script.setAttribute("data-ad-client", "ca-pub-7464541993009114");
    script.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"; // 地址直接以//开头,如script.src = "//pagead2.googlesyndication.com采用默认协议也可以
    document.body.appendChild(script);
},1000);
</script>

上面这段代码可以放在页面最底部的公共文件中,每次到最后网页本身加载就绪之后,再动态加载谷歌的广告JS文件,这样体验感受会好很多。

推荐的文章
# 发表我的评论
  /     /  
# 最近评论
暂时还没有评论,要不要说点什么?
  Ads by Google
  联系博主
Hello,本博客系统采用PHP和MySql开发,程序开发完全是因为个人爱好,是自己纯手写PHP源代码,未采用任何PHP框架!
QQ:858353007   微信号:lileihot123
网站地图
会员服务
关于我们
QQ:858353007
 
广告服务
加我微信
移动端访问
 
 
Copyright © 2014- 2024 www.mdaima.com All Rights Reserved.
李雷博客,专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客!   ICP备案号:京ICP备10202169号-4