SEO 與 GEO

網站速度優化指南：認識 Core Web Vitals，讓網頁又快又好排名

TL;DR 三句話看懂網站速度優化

  • 網站速度直接影響使用者要不要留下，以及 Google 願不願意把你排前面，慢一秒就可能流失一批訪客。
  • Google 用「Core Web Vitals」三項指標（LCP、INP、CLS）來量化體驗好壞，它們是排名訊號的一部分。
  • 多數網站變慢的元兇都集中在少數幾項：過大的圖片、太多程式碼、慢的主機，對症下藥就能明顯改善。

這篇文章會談什麼

為什麼網站速度這麼重要

網站速度的重要性，可以從「人」和「機器」兩個角度看，而且兩邊指向同一個結論。

從使用者的角度：人的耐心遠比想像中短。當頁面遲遲打不開，多數人不會等，而是直接按上一頁離開。Google 自己的研究指出，網頁載入時間從 1 秒拉長到 3 秒，使用者跳出的機率就明顯上升；拖得越久，流失越嚴重。對做生意的網站來說，這些跳走的人，每一個都可能是流失的訂單。

從搜尋引擎的角度：Google 早已明確把「頁面體驗」納入排名考量，而速度正是頁面體驗的核心。當兩個頁面內容品質相近時，載入更快、體驗更順的那個，在排名上會更有優勢。換句話說，速度不只是技術問題，它同時影響「有多少人願意留下」和「有多少人找得到你」。

什麼是 Core Web Vitals？

過去談網站速度，大家只會看一個籠統的「載入秒數」，但那無法真實反映使用者的體感。於是 Google 推出了 Core Web Vitals（核心網頁指標），用三個更貼近真實體驗的維度來衡量一個頁面好不好用：

  • 載入速度——主要內容多快出現？
  • 互動回應——你點下去，網頁多快有反應？
  • 視覺穩定——畫面會不會載到一半亂跳？

這三個維度分別對應三項指標：LCP、INP、CLS。它們是公開、可量測的標準，也是 Google 評估頁面體驗的依據。把這三項顧好，等於同時討好了使用者和搜尋引擎。

三項核心指標逐一看懂

LCP — 最大內容繪製

Largest Contentful Paint

頁面上最大的那塊內容（通常是主圖或大標）多快被畫出來，代表「使用者多快覺得頁面載好了」。
良好：2.5 秒內

INP — 互動到下次繪製

Interaction to Next Paint

你點按鈕、填表單後，網頁多快給出視覺回應，代表「操作順不順、卡不卡」。
良好：200 毫秒內

CLS — 累積版面位移

Cumulative Layout Shift

畫面在載入過程會不會突然亂跳（害你點錯），代表「視覺穩不穩定」。
良好：0.1 以下

這三項要一起看：一個頁面可能載得很快（LCP 漂亮），但每次點按都要等半天（INP 很差），整體體驗依然糟糕。Google 評估時也是三項綜合判斷，所以優化不能只顧其中一項。

怎麼測自己的網站速度

不必憑感覺，有幾個免費、權威的工具可以直接給你數據與診斷：

  1. PageSpeed Insights：Google 官方工具，輸入網址就能看到三項 Core Web Vitals 分數、整體效能評分，以及具體的「該改什麼」建議清單。新手最該從這裡開始。
  2. Google Search Console 的「網站使用體驗」報告：用真實使用者的數據，告訴你整站有哪些網址的體驗不及格，適合做整站盤點。
  3. Chrome 內建的 Lighthouse：在瀏覽器的開發者工具裡就能跑，方便在開發階段反覆測試。

一個重要觀念：測速分數會因為網路、裝置而波動，不必為了追求滿分鑽牛角尖。真正該在意的，是「三項指標有沒有落在良好區間」，以及工具點名的那幾個大問題有沒有解決。

最有效的七個加速方法

好消息是，多數網站變慢的原因都集中在少數幾項，對症下藥就能看到明顯改善：

  1. 壓縮並改用新格式的圖片。過大的圖片是拖慢網站的頭號元兇。把圖片壓縮、改用 WebP／AVIF 格式，並依顯示尺寸縮放，通常一招就能大幅改善 LCP。
  2. 圖片與影片延遲載入（lazy load）。讓畫面外的圖片等使用者捲動到才載入，不要一開始就全部塞給瀏覽器。
  3. 精簡並壓縮程式碼。移除沒用到的 CSS／JavaScript、合併與壓縮檔案，減少瀏覽器要下載和處理的份量，直接改善互動回應（INP）。
  4. 為圖片與廣告預留尺寸。在 HTML 裡先標好寬高，畫面就不會因為元素載入而亂跳，避免 CLS 變差。
  5. 善用快取（caching）。讓回訪的使用者直接讀本地存好的資源，不必每次重新下載。
  6. 使用 CDN（內容傳遞網路）。把網站檔案分散到全球節點，讓訪客就近取得，縮短連線距離。
  7. 選一個夠快的主機。再多前端優化，也補不了一台慢吞吞的主機。主機的回應速度是一切的地基。

這七項裡，對多數中小企業網站而言，「圖片優化」往往是投入最少、回報最大的一步——很多網站光是把首頁那幾張未壓縮的大圖處理好，分數就能從紅燈跳到綠燈。

小提醒：優化前先用 PageSpeed Insights 跑一次、記下分數，改完再跑一次對照。沒有前後對比的數據，你就無從知道哪一招真的有效，也容易把時間花在無關緊要的細節上。

關於速度的常見迷思

  • 「分數一定要 100 分才行。」不必。分數只是參考，真正重要的是三項 Core Web Vitals 落在良好區間、使用者體感順暢。為了最後幾分過度優化，常常得不償失。
  • 「網站很快就一定排前面。」速度是排名訊號之一，但不是唯一。內容品質、相關性、權威度同樣關鍵。速度更像是「門檻」——太慢會扣分，但快也不能保證直接奪冠。
  • 「裝個加速外掛就一勞永逸。」外掛能解決部分問題，但裝太多、設定衝突反而會更慢。根本之道仍是處理圖片、程式碼與主機這些源頭。

讓你的網站，快到不流失任何一個訪客

網站速度優化，表面是技術，本質是「不要在使用者下定決心之前，就先把他趕走」。從圖片、程式碼到主機，每一項改善都在替你留住更多潛在客戶、也替排名加分。如果你想知道自己的網站目前卡在哪、三項指標哪一項拖了後腿、又該優先改哪裡，這正是 注意力行銷 在做的事——用實測數據找出瓶頸，讓你的網站又快、又留得住人。

常見問題 FAQ

網站速度真的會影響 Google 排名嗎？

會。Google 已將頁面體驗（含 Core Web Vitals）納入排名考量。它比較像是門檻：太慢會扣分、影響排名，但速度快也不保證直接奪冠，仍需搭配內容品質與相關性。當內容品質相近時，更快的頁面通常更有優勢。

Core Web Vitals 分數一定要滿分嗎？

不必。重點是三項指標（LCP、INP、CLS）落在良好區間、使用者體感順暢，而不是追求 100 分。分數會因網路與裝置波動，為了最後幾分過度優化往往得不償失。

怎麼免費測自己的網站速度？

最直接的是 Google 官方的 PageSpeed Insights，輸入網址就能看到 Core Web Vitals 分數與具體改善建議；也可用 Google Search Console 的網站使用體驗報告做整站盤點，或在 Chrome 開發者工具用內建的 Lighthouse 測試。

最快讓網站變快的方法是什麼？

對多數網站而言是圖片優化——壓縮圖片、改用 WebP／AVIF 格式、依顯示尺寸縮放並延遲載入。過大的圖片是拖慢網站的頭號元兇，光把首頁幾張大圖處理好，分數常能從紅燈跳到綠燈。

參考來源

作者：Robbie｜注意力行銷