如何測量速度?

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 瀏覽器中的一組網頁開發人員工具,透過此工具,您可以剖析網頁的執行階段,找出效能瓶頸並進行偵錯。