如何透過Google測速工具提高網站速度與使用者體驗

網站速度是影響使用者體驗的重要因素之一，載入速度過慢的網站可能會讓訪客更容易離開網站，網站管理者會使用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之外，還要靠後續的內容經營與使用者體驗啊！

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

【SEO最新情報】Google Page Speed測速工具大改版