如何測量速度?

Chris Anstey
Chris Anstey
Bojan Pavic
Bojan Pavic

實際成效會因使用者裝置、網路連線和其他因素而有很大差異。舉例來說,如果您在辦公室使用有線網路連線載入網站,並與在咖啡廳使用 Wi-Fi 載入網站的情況進行比較,兩者的體驗可能會有很大的差異。市面上有許多工具可協助您收集實驗室或實際資料,評估網頁效能。

實驗室資料與實際資料

速度工具圖

實驗室資料是在受控環境中,使用預先定義的裝置和網路設定收集的成效資料,而實際資料則是從使用者實際載入網頁時收集的成效資料。每種類型各有優缺點。

實驗室資料提供可重現的結果和偵錯環境,但可能無法擷取實際瓶頸,也無法與實際網頁 KPI 建立關聯。使用實驗室資料時,您需要瞭解使用者的典型裝置和網路,並在測試效能時適當模擬這些條件。請注意,即使在 4G 網路覆蓋區域,使用者在電梯、通勤或類似環境中,仍可能遇到連線速度較慢或不穩定的情況。

實測資料 (也稱為實際使用者監控或 RUM) 可擷取真實世界的使用者體驗,並與業務 KPI 建立關聯,但指標組合有限,偵錯功能也有限。

工具

實驗室資料

Lighthouse 會根據網址對網頁執行一系列稽核,並產生網頁成效報表。執行 Lighthouse 的方式有很多種,包括在 Chrome 開發人員工具中輕鬆稽核網頁。

實際資料

Chrome 使用者體驗報告 (CrUX) 提供指標,顯示 Chrome 使用者實際造訪熱門網頁的情形。

其他工具

PageSpeed Insights 提供網頁的實驗室和實際資料。這項工具會使用 Lighthouse 收集及分析網頁的實驗室資料,而實際現場資料則來自 Chrome 使用者體驗報告資料集。

Chrome 開發人員工具是一組直接內建於 Google Chrome 瀏覽器的網頁程式開發人員工具。這項工具可讓您剖析網頁的執行階段,以及找出並偵錯效能瓶頸。