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

看板Ajax作者時間4年前 (2020/02/06 21:02), 編輯推噓1(101)
留言2則, 1人參與, 4年前最新討論串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

02/07 00:42, 4年前 , 1F
影響比較大的部份大概是執行時間。跟網速無關,CPU越弱效
02/07 00:42, 1F

02/07 00:42, 4年前 , 2F
果越明顯
02/07 00:42, 2F
文章代碼(AID): #1UF0vTiV (Ajax)
文章代碼(AID): #1UF0vTiV (Ajax)