[心得] 刪掉重覆的網頁Async Script非同步程式碼

看板Ajax作者moodyblue時間4年前 (2020/02/06 21:02)推噓1(1推 0噓 1→)

留言2則, 1人參與討論串1/1

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 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 112.22.232.148 (中國) ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1580994141.A.B1F.html