Core Web Vitals 實戰:讓網站在手機上快兩秒的十個做法

網站慢一秒,查詢就少一截。以下十個做法在大部分香港中小企網站上都能立即見效。

圖片(影響 LCP 最大)

  1. 所有相片改用 WebP 格式,體積通常減少 30–50%。
  2. 為每張圖片指定 width 與 height,避免版面跳動(CLS)。
  3. 首屏主圖使用 fetchpriority="high",其餘使用 loading="lazy"。

JavaScript(影響 INP)

  1. 移除用不著的第三方套件,例如只為一個動效而載入的整套動畫庫。
  2. 統計與聊天工具改為延後載入。
  3. 避免在捲動事件中做大量運算,改用 IntersectionObserver。

伺服器與快取

  1. 啟用 Gzip 或 Brotli 壓縮。
  2. 為靜態資源設定長效快取標頭。
  3. 選擇機房位置接近目標受眾的寄存方案。
  4. 字型使用 font-display: swap,避免文字延遲顯示。

怎樣自行檢查?

使用 PageSpeed Insights 輸入網址即可取得三項指標的實測值。留意「實際使用者體驗」一欄比「實驗室數據」更重要。

需要協助優化?我們的網頁寄存與維護服務包含效能調校。

需要協助?

如果你正面對文中提到的情況,歡迎免費查詢。我們會先了解你的業務性質,再直接說明哪些做法值得投入、哪些其實用不著。