打開一個網站，畫面遲遲沒有出現、按鈕點了沒有反應，或是正要點擊時版面突然跳動，這些經驗都會讓訪客失去耐心。網站速度不只影響使用體驗，也是 Google 評估網頁體驗的一部分。
本文說明 Google 用來衡量網頁體驗的 Core Web Vitals 是什麼、如何檢測自己的網站，以及常見的網站速度優化方法。
什麼是 Core Web Vitals？
Core Web Vitals（網站體驗核心指標）是 Google 用來衡量網頁使用體驗的一組指標，目前包含以下三項：
Core Web Vitals 三項指標與良好標準
| 指標 |
衡量什麼 |
良好標準 |
| LCP（最大內容繪製） |
載入速度：畫面中最大的圖片或文字區塊顯示出來所需的時間 |
2.5 秒以內 |
| INP（下次繪製互動） |
互動回應：點擊、輕觸或按鍵後，畫面做出反應所需的時間 |
200 毫秒以內 |
| CLS（累計版面配置位移） |
視覺穩定：載入過程中，畫面內容意外移動的程度 |
0.1 以下 |
這些指標是依據實際使用者的瀏覽數據計算，以第 75 百分位作為評估標準，也就是大多數訪客的體驗都要達到良好標準。其中 INP 在 2024 年 3 月取代了原本的 FID（首次輸入延遲），更完整地反映網頁在整個瀏覽過程中的互動回應。
網站速度和 SEO 的關係
Google 表示，Core Web Vitals 會用於搜尋排名系統。但 Google 也說明，指標表現良好並不保證網頁能排在搜尋結果的最前面；搜尋結果仍以內容是否與搜尋需求相關為優先。
換句話說，網站速度是重要的基礎，但不能取代有幫助的內容。比較實際的做法，是把速度優化當作改善使用體驗的一部分，而不是只為了追求分數。
怎麼檢測網站速度？
以下是 Google 提供的免費檢測工具：
- PageSpeed Insights：輸入網址，就能看到手機版與電腦版的 Core Web Vitals 表現與改善建議。
- Google Search Console：「Core Web Vitals」報表會列出整個網站中表現不佳的網頁群組，適合長期追蹤。
- Chrome Lighthouse：內建在 Chrome 開發人員工具中，可以在修改網頁時即時檢測。
檢測時建議以手機版的結果為主，因為手機的網路與效能條件通常比電腦嚴格。
網站速度優化的 6 個方法
網站速度的問題通常不是單一原因造成，以下是最常見的優化方向：
1. 壓縮圖片並使用合適的尺寸
圖片通常是網頁中檔案最大的部分。上傳前先壓縮檔案、依顯示大小調整尺寸，並使用 WebP 等較有效率的格式；不在第一個畫面中的圖片，可以設定延遲載入。
2. 讓第一個畫面的主要內容優先載入
首頁的主視覺圖片或標題，通常就是 LCP 計算的對象。這類內容不要設定延遲載入，並避免被大量程式或特效延後顯示。
3. 預留圖片與區塊的顯示空間
圖片、廣告或嵌入內容載入後才撐開版面，是 CLS 分數不佳的常見原因。透過 CSS 事先預留這些內容的顯示比例與空間，畫面就不會在載入過程中跳動。
4. 減少不必要的程式與外掛
過多的 JavaScript、外掛與第三方追蹤程式，會讓瀏覽器忙於處理程式，導致點擊後反應變慢，影響 INP 的表現。定期檢查並移除用不到的程式，是改善互動回應最直接的方法。
5. 注意中文網頁字型的檔案大小
中文字型包含大量字元，完整的字型檔案往往很大。如果網站使用網頁字型，可以只載入需要的字元，或將字型拆分成較小的檔案，避免字型拖慢頁面顯示。
6. 選擇穩定的主機與適當的快取設定
主機的回應速度會影響網頁開始載入的時間。選擇穩定的主機，並設定瀏覽器快取，讓訪客再次瀏覽時不必重新下載相同的檔案。
優吉兒如何兼顧速度與設計
優吉兒堅持手工切版，為每個專案進行程式碼優化，讓網站結構乾淨、載入順暢。我們也提供光纖雲主機託管服務，讓網站維持穩定的連線品質。
手機版網站常見的速度與操作問題，可以參考手機版網頁設計最常見的 6 個錯誤；RWD 的基本概念，則可以參考RWD 響應式網頁設計是什麼？。
常見問題
Core Web Vitals 不及格會影響搜尋排名嗎？
Core Web Vitals 會用於 Google 的搜尋排名系統，但搜尋結果仍以內容與搜尋需求的相關程度為優先。改善指標有助於提升使用體驗，但無法取代有幫助的內容。
PageSpeed Insights 的分數一定要 100 分嗎？
不需要。分數是改善方向的參考，Google 也說明，指標表現良好並不保證排名。比起追求滿分，更重要的是三項 Core Web Vitals 達到良好標準，並讓訪客實際使用時感覺順暢。
網站速度慢，一定是主機的問題嗎？
不一定。常見的原因還包括圖片檔案過大、程式與外掛太多、字型檔案過大等。建議先用 PageSpeed Insights 檢測，依照報告的建議找出主要原因。
網站改版後速度變慢，該怎麼辦？
可以比較改版前後的檢測報告，找出新增的大型圖片、特效或第三方程式。改版時也要確認舊網址已轉址到新頁面，避免速度與排名同時受到影響。
從使用體驗出發的速度優化
網站速度優化不只是技術問題，而是讓訪客能順利看到內容、完成操作的基礎。如果你的網站載入緩慢，或想了解網站目前的表現，歡迎參考我們的網站作品，或直接聯絡我們，我們提供免費的線上諮詢。
（本文初稿由 AI 協助整理）