[心得] 删掉重复的网页Async Script异步程式码

楼主: moodyblue   2020-02-06 21:02:15
Google Adsense广告拖慢网站速度不利SEO?删掉重复的网页Async Script异步程式码
网志图文版:
https://www.b88104069.com/archives/4420
网站放送Google Adsense广告带来收益,但同时拖慢网站速度,Gooel Console会提示SEO
不利报告,对此可删掉网页重复的Async Script异步程式码,不影响广告还能加速网页
加载。
网站SEO有个大原则,网页不但是写给读者看的,也是写给Google等搜索引擎读的,从这
两个角度来看,网站或者是网页的速度都是很重要一个指标,在此要赞赞小屋网站
b88104069.com为例,分享删除重复的程式码稍微加快一些网页的速度。
一、Google Console是Google提供的免费网站管理工具,首页网址为
https://search.google.com/,不幸的是,它在“速度(实验功能)”中提醒我行动装置中
有502个慢速网址。
二、线上有很多网站测速工具,例如“Think with Google”测试结果是在台湾4G环境下
加载速度3.3秒,评分一个字:“慢”。
三、又例如Google自己开发的 “PaperSpeed Insighs”测试结果严重不及格38分,结论
两个字:“缓慢”,另外也提供了详细的六个分类速度,还有网站加载渲染图,确实是有
点不好意思。
四、“PaperSpeed Insighs”的诊断告书。凶手原来就是自家人:“
Goodle/Doubleclick Ads”,说穿了就是Google Adsense广告。
五、于是我仔细检视b88104069.com网页原始码,发现每一条广告开头都是截图所示灰色
的一行程式码。为避免和真正在执行的网页程式混淆,在特地将前后的“<”和“>”去掉

“script async
src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script”
六、因为自行架设网站和设计网站,我稍微有点程式基础,知道这一行程式码有重复的话
是可以删除的,所以我把网页上Google Adsense广告所有重复项大刀一挥删除,重新分析
,惊喜发现得分变成是53分,从危险的红色到警戒的黄色,至少可以看到改善。
七、阅读Google Developers于2013年所发表的“An async script for Adsense tagging
”(网址:
https://developers.googleblog.com/2013/07/an-async-script-for-adsense-tagging.html
”)。这篇文章是公告Adsense采用async这项新标签技术,特别之处在广告异步加载,
意思是网页其他内容的加载不会等广告的加载,因此广告当然就不会影响网页加载速度。
文章在新标签说明的第1点清楚明白提出来,前述第五步骤那一段JavaScript程式码在网
页上只需要出现一次即可,就算放了很多的广告单元也是一样,而且正因为它是异步的
,可以很放心、很有效率地把程式码放在网页的最顶端。
这篇文章是在实际测试之后,很惊喜状况下截图写成的。不过后来再多测几次,每次结果
不太一样,没有个固定值,所以把重复程式码删掉对于网站提速的效果,整体来说稍微有
那么一点,但不是很显著。
话说回来,SEO工程本来影响因素多,难说哪一项是关键,只能一点一滴改善,相信日积
月累总是会有显著进步。
延伸阅读:
如何设定CSS寛度以打造手机网页
https://www.b88104069.com/archives/4035
WordPress如何去除顶端空白列(工具列)
https://www.b88104069.com/archives/4164
网页设计如何让电脑手机加载不同广告
https://www.b88104069.com/archives/4058
作者: eight0 (欸XD)   2020-02-07 00:42:00
影响比较大的部份大概是执行时间。跟网速无关,CPU越弱效果越明显

Links booklink

Contact Us: admin [ a t ] ucptt.com