用 PageSpeed Insights 檢測 LCP,找出延遲的內容
更新
先說結論
LCP 衡量的是開啟網頁後,畫面中最大內容元素完成顯示的時間。先用 PageSpeed Insights 分析一個公開網址,再分開看實際使用資料與測試診斷。
先選訪客常用的網頁
例如,自行車店可以測試預約維修的網頁。切換到行動裝置結果。若有實際使用資料,確認是該網址的資料,還是整個來源的彙總資料。第75百分位數在2.5秒以內屬於良好。
在診斷中找出測到的內容
若報告有 LCP 詳細資料,打開查看是照片還是文字區塊。照片較慢時,區分開始請求前的等待與下載時間。若是文字,請檢查延後畫面繪製的處理。
已公開的載入測試
在 Google Flights 的實驗室測試中,提高主圖片的下載優先順序後,LCP 從 2.6 秒降到 1.9 秒。
留下一組可對照的資料
記下網址、裝置與測到的元素。改動一項後,以相近條件再測一次;實際使用資料另外觀察趨勢。