這份指南適合正處理網站問題的香港中小企及項目負責人,協助分辨問題來源及檢查次序。
LCP:主要內容幾時顯示
Largest Contentful Paint 反映主要可見內容的載入情況。先找出首屏最大元素,再檢查伺服器回應、圖片、CSS 及字體。
INP:按掣之後有沒有即時反應
Interaction to Next Paint 反映互動回應。按鈕反應慢、篩選卡住可能與 JavaScript、複雜元件及第三方程式有關。
CLS:畫面會不會突然跳動
Cumulative Layout Shift 反映畫面穩定性。圖片沒有預留位置、動態廣告及字體切換,都可能造成版面移動。
真實訪客數據與測試分數有分別
PageSpeed Insights 可能同時顯示真實使用數據及 Lighthouse 實驗室結果。單次測試分數不等於所有訪客的體驗。
先處理重要業務頁面
優先檢查廣告登陸頁、主要服務頁、產品頁及查詢頁,逐項改善並複測。
提速項目如何驗收
確認測試網址、裝置、網絡、主要指標及工作範圍,記錄修改前後的結果。
處理前後檢查清單
- 記錄 LCP、INP、CLS 及測試條件
- 檢查圖片、字體、程式及伺服器
- 先優化重要業務頁面
- 保存修改與複測記錄