刪掉重覆的網頁Async Script非同步程式碼 - 部落格

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

--

贊贊小屋：
https://www.b88104069.com

贊贊小屋 in facebook：
https://www.facebook.com/zanzanstory

--