Google Adsense廣告拖慢網站速度不利SEO?刪掉重覆的網頁Async Script非同步程式碼

網站放送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=”https://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工程本來影響因素多,難說哪一項是關鍵,只能一點一滴改善,相信日積月累總是會有顯著進步。

最新文章: