
找到讓人覺得變慢的時刻
想像一個商品目錄頁面很快就顯示出來,但訪客更改價格篩選條件時頁面卻停頓了。再比較另一個頁面:篩選器響應很快,卻在促銷橫幅出現時向下跳動。兩種情況都會讓人覺得頁面不可靠,但背後的問題可能截然不同。
記下操作和可見的響應:“選擇價格範圍後,舊商品仍然顯示,也沒有任何載入提示。”這比“商品目錄很慢”更便於採取行動,也不會先入為主地認為壓縮圖片就能解決所有延遲。
選擇與症狀相符的指標
最大內容繪製(LCP)關注載入,下一次繪製互動(INP)關注響應速度,累積版面配置偏移(CLS)關注視覺穩定性。這些核心網頁指標衡量體驗的不同方面;某一個數值表現良好,並不能說明整個頁面用起來都很快。
檢查商品目錄時,除了初始載入,也要觀察互動前後的情況。瀏覽器能夠開始響應之前的時間,以及等待篩選結果的時間,都與同一項任務有關,但它們不是可以互換的測量值。
選擇能解決根因的改動
如果主圖出現得很晚,應該檢查瀏覽器何時發現圖片以及圖片如何傳輸,而不只是看檔案大小。如果介面在點擊後遲疑,就檢查該操作觸發了哪些工作。如果橫幅擠動了現有內容,可以考慮預留它所需的空間。
回饋也很重要。載入狀態可以說明操作正在進行,但不會讓慢操作本身變快。保留這一區別,避免把視覺上的改進誤當成性能問題已經解決。
檢查比較是否公平
桌面版在快取預熱後的運行,與手機網絡受限時的首次訪問,回答的是不同問題。比較優化效果時,記錄頁面、設備、網絡條件和快取狀態,否則條件變化可能被誤認為實現發生了變化。
受控測量有助於調查原因;當數據量足夠時,現場數據能展示真實訪問體驗的分布。兩者各有用途,不要把一次成功運行描述成所有訪客都能獲得快速體驗的證明。