PageSpeed Insights 是什麼？核心網頁指標 (Core Web Vitals) 與網站載入速度優化全解析

在網頁開發與數位行銷中，「網站載入速度」直接決定了使用者的留存率與搜尋引擎的排名。根據統計，當網頁載入時間超過 3 秒，高達 53% 的行動裝置使用者會選擇直接離開。

為了幫助開發者與網站擁有者評估網頁效能，Google 推出了 PageSpeed Insights (PSI) 檢測工具。它不僅提供分數，更能精準指出影響載入體驗的瓶頸所在。

PageSpeed Insights 就像是網站效能的健康檢查報告，直接揭露 Google 衡量你網站體驗的真實數據。

一句話重點

PageSpeed Insights 是 Google 官方提供的免費網頁效能分析工具，透過 Core Web Vitals（核心網頁指標） 評估真實使用者的載入體驗，直接影響網站的 SEO 排名與轉換率。

它解決什麼問題？

傳統在評估網站速度時，常面臨以下困惑：

1. 主觀感受不準確：開發者電腦網速快、有快取（Cache），感受不到真實使用者的慢速體驗。
2. 不知從何優化起：只知道網頁開很慢，但不知道是圖片太重、JavaScript 阻塞還是伺服器回應過慢。
3. 無法量化 SEO 影響：不確定網站速度究竟有沒有達到 Google 的排名標準。

PageSpeed Insights 結合了「欄位數據（真實使用者體驗）」與「實驗室數據（模擬檢測）」，精準給予量化評分與優化方向。

核心特色：三大 Core Web Vitals 指標

Google 主要透過 Core Web Vitals（核心網頁體驗指標） 來評定網站的流暢度，也是 SEO 排名的重要權重：

1. LCP (Largest Contentful Paint) — 最大內容繪製

• 概念：衡量「主要內容（如大圖或主標題）」載入出來的時間。
• 標準：
  • 優良：< 2.5 秒
  • 需改善：2.5 秒 ~ 4.0 秒
  • 差勁：> 4.0 秒
• 影響因素：伺服器回應速度慢（TTFB 長）、未壓縮的大圖、阻礙渲染的 CSS/JS。

2. INP (Interaction to Next Paint) — 互動回應時間

• 概念：取代舊有的 FID 指標，衡量使用者在點擊按鈕、選單或輸入時，網頁「視覺反應」的延遲時間。
• 標準：
  • 優良：< 200 毫秒
  • 需改善：200 毫秒 ~ 500 毫秒
  • 差勁：> 500 毫秒
• 影響因素：過多複雜的 JavaScript 主執行緒阻塞（Main Thread Blocking）。

3. CLS (Cumulative Layout Shift) — 累計版面配置位移

• 概念：衡量網頁載入時「元件突然跳動」的視覺穩定度。你有沒有經驗點按鈕時，突然上方圖片載入完把按鈕推開而點錯？
• 標準：
  • 優良：< 0.1
  • 需改善：0.1 ~ 0.25
  • 差勁：> 0.25
• 影響因素：圖片未設定 width 與 height 尺寸、動態插入的廣告區塊未預留空間。

實務優化建議：如何拿下 90+ 高分？

根據 PageSpeed Insights 的建議，通常可以透過以下幾個實務方向快速提升分數：

1. 圖片極致優化：
   • 採用新世代格式（如 WebP 或 AVIF）。
   • 設定 loading="lazy" 延遲載入非首屏圖片。
   • 確保標籤明確標註圖片寬高。
2. 減少阻礙渲染的資源：
   • 使用 defer 或 async 加載非必要的 JavaScript。
   • 精簡（Minify）CSS 與 JS 檔案。
3. 善用快取與 CDN：
   • 設定快取標頭（Cache-Control）。
   • 使用 Cloudflare 等 CDN 加速靜態資源發送。
4. 選用高效能前端與伺服器架構：
   • 使用靜態產生（SSG）或 Bun + Hono 等極速輕量框架。

它與一般網頁測速工具有什麼不同？

非工程背景的人需要知道什麼？

1. 行動裝置（Mobile）分數通常較低：PSI 模擬行動裝置時會限制 CPU 效能與 4G 網速，因此行動端 70 分往往比電腦端 90 分更難達成，請優先關注行動端體驗。
2. 不必執著於 100 分滿分：將分數維持在綠色區間（90 分以上）或良好級別即可，過度追求 100 分有時會增加不必要的開發成本。

適合誰使用？

• 網站經營者與 SEO 專家：評估網頁是否符合搜尋引擎優化規範。
• 前端工程師與網頁設計師：在開發階段揪出效能瓶頸與元件位移 Bug。

來源

• Google PageSpeed Insights 官方工具：https://pagespeed.web.dev/
• Google Core Web Vitals 官方文件：https://web.dev/articles/vitals
• 查閱日期：2026-07-24