網站速度是影響使用者體驗的重要因素之一，載入速度過慢的網站可能會讓訪客更容易離開網站，網站管理者會使用Google所提供的測速工具來觀察，而就在前幾天Google測速工具迎來了一次大改版，就讓我們來為您說分明。

 

一、測速工具改變了什麼？我需要注意什麼？

首先，最主要的改變就是，測速工具現在採用了Lighthouse分析的研究資料作為主要工具，對於網頁性能的審核，將會有更進一步的建議。您現在看到的畫面應該會像這樣：

 

其中有幾個名詞，讓我們來解釋一下：
1. 首次內容繪製(First Contentful Paint，FCP)：即「首次顯示內容所需時間」，表示瀏覽器抓取到第一個文字或繪製第一張圖片的時間。
 
2. 首次有效繪製(First Meaningful Paint，FMP)：表示首次有效繪製可供衡量頁面主要內容顯示的時間。這也是Google認為一個頁面中最重要的部分。
以下是幾個有效內容的例子：
 

3. 可互動時間(Time to Interactive，TTI)：表示頁面能提供完整互動功能的時間。

4. 首次輸入延遲(First Input Delay，FID)：表示使用者首次與您的網站互動(例如：點擊連結或按鈕、Javascript事件...等)，且伺服器實際回應此次互動的時間。

5. 速度指數(Speed Index)：顯示頁面內容填入的速度。

 

Google也提供了實際網頁載入的流程圖，大概會像這個樣子：

 
 
也提供了用柱狀圖表示每一段載入時間的意義：

當您了解這些名詞代表的意義，您就能了解測速工具的報告該怎麼深入剖析。

 

 

二、所以我要怎麼最佳化我的網站速度？該從哪裡下手？

這邊再次說明網站速度會影響使用者體驗，所以這次的改版也納入了以使用者為主的指標。您可以想像以下幾個情境：

  • 首次內容繪製的時間長：
    使用者就會思考是不是伺服器掛了？或是網站到底有沒有在載入？

  • 首次有效繪製的時間長：
    是否仍然是網站載入速度慢？或是網站主要內容放在頁面的下方，導致讀取時間較晚？

  • 網站的可互動時間短，但是首次輸入延遲的分數不佳：
    這樣便代表在客觀條件下，您的網站表現不錯，但是若使用者的網路環境緩慢，他在您網站的體驗也會不佳。

 

所以，您可以參考測速工具報告下方的「最佳化建議」，依照重要性與您目前可執行的項目，並加以改善。

 
 
 

三、還有什麼是我要注意的？

桌機版的網站表現固然重要，當然行動版網站也是不可忽視的，測速工具亦分別提供了行動版和桌機版的網站速度評分。

除了測速工具讓您可以檢查您的網站表現之外，Google也提出了許多研究數據，比如：

在行動裝置上不同的頁面載入時間，對於使用者的跳出率有什麼影響。可以發現載入時間愈長，跳出率也將會愈高；僅僅是1秒的差異也可能增加30%的跳出率，進而影響到後續轉換率。

 

建議行動版的平均網站速度：最好能在3秒以下

 

行動版首次顯示內容所需時間：少於1.3秒

 
 
平均要求次數：少於50
 
 
行動版網頁平均大小：少於500KB

 

 

四、結語

本次我們從測速工具改版，進而帶到網站表現背後的意義，希望能讓各位網站管理者了解如何更好的去加強使用者體驗。畢竟能讓網站持續進步，除了SEO之外，還要靠後續的內容經營與使用者體驗啊！

 
 
 

參考來源：Google Blog、Search Engine Roundtable

圖片來源：Designed by Starline

本文作者：Victor
責任編輯：Zoey

 

 

KPN 編輯部
AUTHOR

KPN 編輯部

奇寶網路自 2006 年成立，深耕搜尋行銷產業 — 服務超過 600 家企業客戶，自主研發站內廣告系統「客樂寶」，是 Google Partners 官方認證機構。

關於奇寶 → 聯絡顧問 →
SHARE Facebook LINE
STAY CONNECTED · 訂閱與社群

還想了解更多各類數位行銷資訊的話，歡迎訂閱電子報、加入奇寶 Line 好友，第一時間接收最新資訊！

Facebook 粉絲專頁：
奇寶網路 台北移動學苑

歡迎轉載 KPN 奇寶部落格相關文章，在轉載前請先詳閱著作權聲明及轉載原則。