如何測量速度?

Chris Anstey
Chris Anstey
Bojan Pavic
Bojan Pavic

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

實驗室數據與實際數據

速度工具圖表

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

實驗室資料可提供可重現的結果和偵錯環境,但可能無法擷取實際瓶頸,也無法與實際網頁 關鍵績效指標建立關聯。使用實驗室資料時,您必須瞭解使用者的常用裝置和網路,並在測試效能時適當模擬這些情況。請注意,即使在 4G 訊號涵蓋範圍內,使用者在電梯內、通勤途中或類似環境中,仍可能會遇到連線速度變慢或不穩定的情況。

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

工具

實驗室數據

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

欄位資料

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

其他工具

PageSpeed Insights 會提供網頁的實驗室資料和實地資料。這項功能會使用 Lighthouse 收集及分析網頁的實驗室資料,而實際的實地資料則是根據 Chrome 使用者體驗報告資料集。

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