網站速度優化的做法，一句話講完：先用真實使用者的數據量出 LCP、INP、CLS 三個指標，找出沒過關的那一項，再照「伺服器 → 圖片與字型 → JavaScript 與 CSS → 版面穩定度」的順序動工。順序顛倒的話，往往是花最多錢的那一項，使用者完全感覺不出差別。
Core Web Vitals 是哪三個指標？
Google 用三個指標衡量網頁的實際使用體驗，合稱 Core Web Vitals（核心網頁指標）。三項都要落在「良好」範圍才算通過，缺一項就不算。
| 指標 | 量的是什麼 | 良好標準 |
|---|---|---|
| LCP（最大內容繪製） | 主要內容畫出來要多久 | 2.5 秒以內 |
| INP（互動到下次繪製） | 使用者點下去之後，畫面多久才有反應 | 200 毫秒以內 |
| CLS（累計版面配置位移） | 內容載入過程中版面有沒有亂跳 | 0.1 以內 |
衡量方式有兩個重點常被忽略。第一，Google 看的是實際造訪者的第 75 百分位數，不是平均值；也就是說，就算多數人體感很快，只要有四分之一的人慢，這一項就不會過。第二，手機與桌機分開計算。很多網站在桌機上一切正常，手機版卻長期不及格，問題多半出在圖片尺寸與第三方腳本。
另外要分清楚兩種數據：實驗室工具（例如 Lighthouse）跑出來的分數只是模擬，真正被採計的是真實使用者的數據。看到實驗室分數 90 分卻通不過 Core Web Vitals，不是工具壞了，而是兩者本來就在量不同的東西。
速度會影響搜尋排名嗎？
Google 的官方文件沒有把 Core Web Vitals 寫成某個固定權重的排名因素，用詞是「強烈建議網站達到良好的核心網頁指標，以在搜尋中取得成效」，並說這些指標連同其他網頁體驗面向，與核心排名系統所要獎勵的方向一致。
實務上合理的解讀是：速度不會讓一篇內容不相關的文章排上去。但當兩個頁面的主題與內容品質接近時，體驗差的那一個會吃虧。如果你的網站內容本身還沒做足，先把力氣放在內容與SEO 規劃上，速度是接著要補的那一塊，不是用來取代內容的捷徑。
比排名更直接的影響其實在轉換。載入慢一秒，使用者還沒看到表單就離開了，廣告流量一樣付了錢卻拿不到詢問。這也是為什麼速度該被當成整體網頁設計的一部分，而不是上線後才補的工。
改善順序：從影響最大的往下做
第一層：伺服器回應時間
主機等級、快取設定、資料庫查詢效率都屬於這一層。這一層慢，後面做什麼都跟著慢，因為瀏覽器根本還沒拿到第一個位元組。業界常用的參考值是 TTFB（第一個位元組時間）盡量壓在 0.8 秒以內，這不是硬性門檻，但超過太多就代表主機或快取該處理了。共用主機塞了太多網站、或完全沒開頁面快取，是最常見的兩個原因。
第二層：圖片與字型
這一層最常是 LCP 不及格的元凶。三個動作就能解決大半：圖片改用 WebP 格式、把尺寸壓到實際顯示大小（不要上傳 4000 像素寬的原圖再用 CSS 縮小）、首屏那張主視覺不要設延遲載入。字型則是避免一次載入過多字重，中文字型檔案本來就大，能用兩種字重就不要用五種。
第三層：JavaScript 與 CSS
這一層主要影響 INP。WordPress 網站常見的狀況是外掛裝了一堆，每個都在每一頁載入自己的腳本與樣式表，哪怕那一頁根本用不到。把沒在用的外掛停用並刪除、把第三方追蹤碼延後載入、合併與壓縮檔案，通常就能把請求數砍掉三分之一以上。
第四層：版面穩定度
CLS 的修法相對單純：圖片與影片一律寫上寬高屬性，讓瀏覽器先把位置留好；橫幅、廣告版位先保留固定高度；自訂字型載入時指定備用字型的尺寸，避免字體換上去的瞬間整段文字跳一下。
WordPress 網站最常見的四個拖累
- 佈景主題功能過多：一套主題包山包海，實際只用到兩成功能，其餘的程式碼照樣每頁載入。
- 頁面建構器疊太多層：區塊一層包一層，產生的 HTML 結構又深又長，手機上特別吃效能。
- 沒做圖片處理：直接上傳相機原始檔，單張就好幾 MB。
- 外掛重複功能：兩套快取外掛、三套表單外掛同時啟用，彼此打架還各自載入資源。
這四項都不需要重做網站就能處理。真的需要重做時，請參考網站改版不掉排名的 SEO 檢查清單，改版期間最容易把原本的排名一起弄丟。
怎麼量？三個免費工具
- PageSpeed Insights：同時給你實驗室分數與真實使用者數據，單頁診斷最快。
- Search Console 的核心網頁指標報告：以整站為單位，告訴你哪一群網址沒過關。
- Lighthouse（Chrome 開發者工具內建）：改版過程中反覆測試用，不連網也能跑。
不論用哪一個，動工前先量一次、動工後再量一次。沒有前後對照，就無法判斷這筆錢花得值不值得，也無法對客戶或老闆交代。
小結
網站速度優化不是把所有能調的都調一遍，而是量出哪一項沒過關、按影響大小排序、一層一層往下處理。先確認 LCP、INP、CLS 哪一項不及格，再從伺服器往版面穩定度依序動工，多數網站不用重做就能把三項都拉進良好範圍。
如果你不確定自己的網站卡在哪一層，或是正在評估重做網站，可以先看方案與費用，或直接聯絡我們，我們會先幫你量一次現況再談要不要動工。
