Google AdSense广告JS导致网站加载延迟缓慢的解决办法
更新:2022-11-06 11:55:38
人气:766
来源:本站原创
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文件,这样体验感受会好很多。
推荐的文章
随手记
PHP经验分享
- ● MySQLSUM在没有符合查询条件时返回结果为空的处理办法
- ● 如何开启PHP8的JIT提升运行速度
- ● 钉钉API接口-用PHP+Curl实现获取用户信息
- ● 钉钉API接口-用PHP+Curl实现获取应用Access_Token
- ● 在PHP中使用CURL,“撩”服务器只需几行——phpcurl详细解析和常见大坑
- ● MySQLInnodb并发涉及参数说明
- ● mysql参数调优之innodb_thread_concurrency、innodb_concurrency_tickets合理的使用cpu性能
- ● PHP用fsockopen检测指定IP端口是否开启可用
- ● PHP用socket检测服务器IP端口是否开放?代码示例
- ● GatewayWorker报错:Waring:Events::onMessageisnotcallable