PageSpeed Insights 會回報網頁 (或行動版和電腦版) origin 的實際成效,並在分析單一網頁時提供建議,說明如何改進該網頁。
速度分數
PageSpeed Insights 整合了 Chrome 使用者體驗報告 (CrUX) 的資料,顯示網頁或 origin 的實際成效資料。PSI 會回報兩項metrics:首次顯示內容繪製 (FCP) 和 DOMContentLoaded (DCL)。
系統會將每個指標 (FCP 或 DCL) 的中位數值與 CrUX 報告監控的所有網頁進行比較。系統會根據各項指標在分佈狀況下的位置,為其指派類別:
- 快速:這項指標的中位數值佔所有網頁載入的最快三分之一。
- 緩慢:這項指標的中位數值佔所有網頁載入最慢的三分之一。
- 平均:這項指標的中位數值佔所有網頁載入的中間三分之一。
整體速度分數是查看各項指標的類別:
- 快速:如果網頁/origin 的所有指標都是「快速」。
- 緩慢:如果有任何網頁/origin 指標速度緩慢。
- 平均值:所有其他情況。
網頁載入分配
「網頁載入分佈」區段會在 CrUX 資料集中顯示分佈 FCP 和 DCL 指標。
- Origin:這個 origin 所提供所有網頁的匯總速度資料。
- 網頁:單頁速度資料。
每項指標的分佈分為三種類別:快 (前三分之一)、中等 (中三分之一) 和慢 (後三分之一)。分佈情形每天都會更新。
最佳化分數
PageSpeed Insights 只會在分析單一網頁時回報最佳化資訊。
PSI 會評估網頁遵循常見效能最佳做法,並計算 0 到 100 的分數,以評估網頁的效能進步空間。這個模式會評估網頁是否有下列兩個方面的效能改善:
- 載入不需捲動位置的時間:自使用者要求新網頁,到瀏覽器呈現不需捲動位置的內容所經過的時間。
- 載入完整網頁的時間:自使用者要求新網頁,到瀏覽器呈現完整網頁內容所經過的時間。
分數分為「良好」、「中等」或「低」。這項計算假設是開發人員想保留網頁相同的外觀和功能。
- 良好:網頁套用了大部分的成效最佳做法,無法進一步最佳化。網頁得分為 80 以上。
- 中:網頁缺少一些常見的效能最佳化項目,且有中等進步空間。網頁分數介於 60 至 79 之間。
- 低:網頁未經最佳化,且有很大的最佳化進步空間。網頁分數介於 0 至 59 之間。
最佳化分數會預估網頁的成效進步空間。速度較慢的網頁可能會因為相較於網頁使用的總資源,而遭轉譯封鎖的資源比率偏低,因此最佳化分數可能會偏高。反之,速度較快的網頁與其總資源相比,含有大量轉譯作業資源,因此最佳化分數可能會偏低。
網頁統計資料
本節說明載入網頁轉譯封鎖資源所需的往返行程、網頁使用的位元組總數,以及與來回行程次數和資料集內所用位元組數的中位數比較。這項功能可調整網頁的外觀和功能,指出網頁載入速度是否加快。
最佳化建議
下方列出了可套用至這個頁面的最佳做法。如果網頁速度很快,系統預設會隱藏這些建議,因為該網頁已在資料集中所有網頁的前三分之一,可能不需要進一步改善。
因為網路連線的效能出現極大差異,這種最佳化方法可以解決網頁效能上與網路無關的面向,包括伺服器設定、網頁的 HTML 結構,以及圖片、JavaScript 和 CSS 等外部資源的使用方式。導入這些建議有助於提升網頁的相對成效。不過,使用者的網路連線仍會影響網頁的絕對效能。
速度效能會受到多種因素影響,但其中有兩個最重要的部分:
- 轉譯封鎖來回行程:提供轉譯阻礙資源所需的來回行程。如果網頁中大部分的資源都遭到封鎖,PageSpeed Insights 會判定網頁有很大的最佳化進步空間。開發人員可以調查避免使用到達網頁重新導向的情形、排除禁止轉譯的 JavaScript 和 CSS、運用瀏覽器快取功能、優先顯示顯示的內容,以及縮短伺服器回應時間規則,找出最佳成效。
- 回應大小:回應的總大小,包括 HTML 主要資源和所有子資源。如果大多數的回應主體能夠透過壓縮或壓縮效果消除,那麼 PageSpeed Insights 會將網頁視為有很大的最佳化進步空間。開發人員可以調查啟用壓縮、壓縮資源和最佳化圖片規則,進行最佳化調整。