首頁 部落格 Google 官方網頁速度測試升級
Ryan
Apr 11, 2018
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

Google 官方網頁速度測試升級

網頁的速度對於網站的排名有一定程度的影響力,然而網頁設計領域中,影響網站速度的環節相當的多,可能是主機品質、網頁前端設計者的技巧、網站內容...如何找出可能的因素?測試速度的分析網站是一個非常值得使用的技巧,其中又以Google PageSpeed Insights的界面受到全球一致推薦。

FCP、DCL全新網頁速度指標

這次主要與大家分享的是PageSpeed Insights改版,將「速度」與「最佳化」分開,並出現了兩個很主要的指標:First Contentful Paint(FCP)與DOM Content Loaded(DCL)的時間。FCP的意思表示用戶進入網站時看到畫面呈現的第一時間,即使網站並未完全讀取完畢,能夠看到網站的文字或圖片讀取有所進展,能夠讓客戶滿足改善用戶的瀏覽體驗,而DCL的意思是DOM(文件物件模型)內容讀取的時間,DCL的時間會排除圖片與CSS網站版型的讀取部份。

FCP與DCL這兩個全新數值為什麼如此重要?根據Google的報告指出,網站的速度是用戶體驗的最主要指標,當網站讀取在4.5秒內,網頁的跳出率較低,而超過6.9秒後,用戶會直接離開網站,造成網站的高跳出率(Bounce)。這次的新標準跟過去速度測試以網站完全開啟為標準相比更有彈性。

以馬路科技網頁設計iWare的官方網站來說,FCP與DCL的時間都在一秒以內,速度的綜合評價就是「FAST」,就是比起一般的網頁開啟速度更快。而PageSpeed Insights的最佳化評分給予95分的高評價。能夠達到這樣的成績並非偶然,網站的速度有賴於前端設計師、程式設計師、網站管理者的共同維護,才能達到這樣的品質。


該如何改善網站品質?

如果網站的測試結果不理想也別太緊張,PageSpeed Insights會告知你可以改進的方針,例如圖片的優化、程式的優化等給予建議。Google PageSpeed Insights自2014年推出起發布,提供了相當實用的網站速度測試外,也可以分別得知你的網站是否符合當今手機版本/電腦版本的瀏覽品質,以及許多給予站長的建議。其實說建議算是很客氣的,某些速度指標相當的嚴苛,例如圖片壓縮的建議,許多管理者已經用了各種工具壓縮JPG與PNG,Google仍然顯示還有壓縮的空間,考驗著網站經營的技術實力。

總結來說PageSpeed Insights給予的建議若能落實,網站得到「快速」、「高分」絕非夢事,當然取得「快速」、「高分」並非網頁設計的主要目的,最重要的還是給予客戶良好的網站瀏覽體驗,而不是讓客戶看到網站讀取過久、網站內容顯示出錯的內容,而速度只是其中一個指標。

參考資料

https://www.thinkwithgoogle.com/marketing-resources/experience-design/mobile-page-speed-load-time/

關於網站的速度,你一定要看

用Imgix Pageweight幫你的網站秤重

網站過慢導致排名滑落!真的嗎?

 

如何有效運用網站的現有內容?
如何有效運用網站的現有內容?
Ryan
Ryan
Jul 12, 2018
抓交替?Google Speed Update對「最慢的網站」調降排名
抓交替?Google Speed Update對「最慢的網站」調降排名
Ryan
Ryan
Jul 26, 2018
如何讓搜尋引擎出現額外網站資訊
如何讓搜尋引擎出現額外網站資訊
Ryan
Ryan
May 16, 2018