網站速度優化這件事，聽起來很技術，其實跟生意直接掛鉤。頁面慢1秒，轉換率掉7%。這是Akamai 2024年的零售業調查結果，不是嚇人話術。
更現實一點，Google從2021年把Core Web Vitals納入排名因素之後，網站速度已經不是「技術部門的事」，而是直接影響SEO與營收的關鍵指標。問題是多數中小企業的網站，載入都還在4~6秒徘徊，被Google在排名戰裡悄悄扣分都不知道。
這篇把網站速度優化拆成8大步驟，從測速工具怎麼看、Core Web Vitals三大指標怎麼修、圖片怎麼壓、主機怎麼挑，照順序做完，一般網站可以從6秒壓到2.5秒以內。
本文重點
- 網站速度對SEO與轉換率的實際影響數據
- Core Web Vitals三大指標（LCP、INP、CLS）怎麼看、怎麼修
- 圖片優化的正確做法，WebP與延遲載入的實戰
- 快取、CDN、主機升級的優先順序
- WordPress專屬優化與程式碼瘦身實作
為什麼網站速度優化這麼重要
先把數字講清楚，再談怎麼做。沒有數字支撐，動作永遠做不徹底。
速度跟生意的直接關係
以下這些數據是國際大型研究統計出來的，不是空話：
| 頁面載入時間 | 跳出率 | 來源 |
|---|---|---|
| 1秒 | 9% | Google / Deloitte 2023 |
| 3秒 | 32% | Google / Deloitte 2023 |
| 5秒 | 38% | Google / Deloitte 2023 |
| 10秒 | 123%（相對1秒） | Think with Google |
翻譯成白話：網站從3秒改成1秒，你每1,000個訪客可以多留住230個。Amazon 2023年內部實測，頁面慢100毫秒就掉1%營收。這個放大到年營收千萬級的電商，就是千萬級的損失。
速度對SEO的三層影響
Google把Core Web Vitals納入排名後，速度對SEO的影響有三層：
- 排名訊號：Core Web Vitals是確認的排名因素之一，同類內容兩篇互爭，速度快的贏
- 爬取預算（Crawl Budget）：網站太慢，Googlebot每次能爬的頁面變少，新內容進不了索引
- 使用者訊號：跳出率高、停留時間短，Google判斷內容品質差，排名被壓
這三層是複合性的。表面上只是「慢了點」，累積半年一年的排名差距會非常明顯。想通盤了解網站速度和SEO的關係，主幹文那篇講得更完整。
第1步｜用對工具測出真實問題
沒有測速基準，改完也不知道有沒有進步。這一步是所有優化的起點。
三套免費工具組合
中小企業不用買付費工具，以下三套免費的組合起來夠用：
- Google PageSpeed Insights：Google官方測速，直接反映排名分數的依據
- GTmetrix：提供瀑布圖（Waterfall Chart），看每個資源的載入順序
- WebPageTest：可選測試地點（台北、東京、美西），看真實不同地區的載入體驗
三個工具各有偏重。PageSpeed看Google怎麼評分、GTmetrix找出哪個資源拖慢、WebPageTest測真實使用者體驗。全跑一次，問題清單就出來了。
該看哪些數字
每次測速重點看這5個數字，其他可以先不管：
| 指標 | 全名 | 合格標準 |
|---|---|---|
| LCP | Largest Contentful Paint | < 2.5秒 |
| INP | Interaction to Next Paint | < 200毫秒 |
| CLS | Cumulative Layout Shift | < 0.1 |
| TTFB | Time to First Byte | < 0.8秒 |
| Total Size | 總頁面大小 | < 2 MB |
前三個是Google官方的Core Web Vitals，後兩個是內部優化的參考。沒全綠燈不要緊，先看哪一項最差，從那裡下手。
第2步｜修LCP，首頁主視覺載入
LCP（最大內容繪製）量的是「使用者看到頁面主要內容的時間」。中小企業的網站，LCP慢通常是因為首頁主視覺圖太肥、主機太慢、或CSS擋在前面。
LCP卡住的3個常見原因
- 主視覺圖未優化：首屏一張3MB的JPG，光載入就吃2秒
- 伺服器回應慢：TTFB超過1秒，後面全部節奏崩盤
- Render-Blocking Resources：CSS、JS擋在Critical Rendering Path前面
LCP優化三個動作
照這順序修，多數網站LCP可以從4秒壓到2秒以內：
- 首屏圖片全改WebP：同畫質檔案大小可以小30~50%，WordPress裝EWWW或ShortPixel外掛一鍵轉
- Preload主視覺：在`<head>`加`<link rel=”preload” as=”image”>`，優先載入
- CSS拆成Critical + Async：首屏必要CSS Inline在HTML、其他CSS加`defer`延遲載入
這三個動作都不用改架構，外掛或工程師1~2天可以搞定。
第3步｜修INP與CLS，互動與穩定
INP量「使用者點擊後畫面多久才有反應」、CLS量「頁面元素跳來跳去的程度」。這兩個修不好，使用者會覺得網站很卡、很煩躁。
INP的殺手級問題
INP慢的主因幾乎都是JavaScript太多或執行效率差：
- 太多第三方腳本：GA4、Facebook Pixel、LINE、Hotjar、客服聊天套件全都塞在`<head>`
- JS主執行緒被卡住：大型框架（React、Vue）的初始化佔用太久
- 事件監聽器過多：每個按鈕都綁滿onclick、onscroll
實務上，先把非關鍵的第三方腳本改用`async`或`defer`，INP通常就會從300ms掉到180ms以內。這是CP值最高的動作。
CLS最常見的坑
CLS爛的網站，90%都卡在這三個地方：
- 圖片沒設定寬高：瀏覽器不知道圖要留多大空間，圖載入進來整個頁面跳
- 廣告區塊動態撐開：廣告載入後把下面的內容往下擠
- 網頁字體載入延遲：先用預設字體排版，字體載入後再換，整頁重新排
前兩個修法是給所有`<img>`與廣告容器寫死`width`與`height`，瀏覽器會預留空間。第三個用`font-display: swap`或`font-display: optional`處理。
第4步｜圖片優化，80%網站的速度瓶頸
說真的，多數網站的速度問題，60~80%都出在圖片。把圖片處理好，不用碰程式碼就能進步一大截。
四步驟把圖片壓到位
- 格式換成WebP或AVIF：比JPG/PNG小30~60%，現代瀏覽器支援率已99%+
- 尺寸配合實際顯示：網頁顯示800px寬，別丟3000px的原圖，WordPress用srcset自動適配
- 壓縮品質設85%以下：肉眼幾乎看不出差別，檔案大小掉一半
- 啟用延遲載入（Lazy Loading）：`<img loading=”lazy”>`一行搞定，首屏以外的圖滾到才載
實用工具清單
| 工具 | 用途 | 費用 |
|---|---|---|
| Squoosh | 線上單張壓縮，視覺化調品質 | 免費 |
| TinyPNG | 批次壓縮PNG/JPG，API可串 | 免費+付費 |
| ShortPixel | WordPress專用，自動壓縮+WebP轉換 | US$5/月起 |
| ImageMagick | 命令列批次處理，大量網站用 | 免費 |
中小企業一般用ShortPixel或EWWW這類WordPress外掛就夠了。設定一次之後新上傳的圖自動壓縮，不用每次手動。
第5步｜快取與CDN，讓網站快得像飛的
快取（Caching）是網站速度的第二大槓桿。原理很簡單：把生成過的頁面存起來，下次訪客來直接丟給他，不用重新組裝。
三層快取該全部開
- 瀏覽器快取：設定HTTP header讓使用者的瀏覽器把靜態資源存1~12個月
- 伺服器快取：WordPress用WP Rocket、W3 Total Cache、LiteSpeed Cache
- CDN快取：Cloudflare、BunnyCDN把資源散布到全球節點
這三層是疊加的。單一層優化省個幾百毫秒，三層全開可以砍掉3~5秒的載入時間。
CDN一定要裝嗎
目標客人都在台灣，CDN的效益沒那麼大，台灣主機直連就夠快。但只要有海外客人、有做Google Ads、或網站流量大，CDN幾乎是必備。Cloudflare有免費方案，中小企業月用量夠了，付費方案也從US$20/月起，投資回報非常可觀。
BunnyCDN的台灣節點速度比Cloudflare快約20~30%，對純台灣流量的網站是個值得試的替代方案。
第6步｜WordPress專屬優化
台灣中小企業網站有超過60%用WordPress。WordPress本身的速度坑特別多，單獨拉出來講。
外掛清理的硬規則
裝太多外掛是WordPress最大的慢原因。以下是實務硬規則：
- 外掛總數不超過20個：超過就要開始懷疑有沒有取代方案
- 每個外掛都要檢查最後更新日期：超過1年沒更新的直接停用找替代
- 功能重複的留效能好的那個：不要同時裝兩個SEO外掛、兩個快取外掛
- 用P3 Plugin Performance Profiler測：找出哪個外掛最吃資源
WordPress加速外掛組合
以下這組是穩定好用的組合：
- WP Rocket（付費，US$59/年）：一站搞定快取、延遲載入、CSS/JS優化
- ShortPixel（付費，US$5/月）：圖片壓縮與WebP轉換
- Perfmatters（付費，US$25/年）：停用不必要的WordPress預設功能
這組合一年大概NT$3,500左右，比外包一次優化便宜很多，且持續有效。想自己架站又想速度夠快，建議先看自己架站的效能陷阱，避開新手最常踩的雷。
第7步｜主機升級，有時花錢是最省時間的解法
所有優化都做了還是慢？可能是主機本身的問題。虛擬主機便宜但共用資源，流量一大就卡。
主機等級怎麼選
| 等級 | 適合流量 | 月費區間 |
|---|---|---|
| 共享虛擬主機 | 月訪客<5,000 | NT$100~500 |
| VPS / 雲主機 | 月訪客5,000~50,000 | NT$500~3,000 |
| 託管式WP主機 | WordPress專用，月訪客5,000~100,000 | NT$1,000~5,000 |
| 專用伺服器 | 月訪客>100,000 | NT$5,000+ |
流量小的時候虛擬主機夠用，但網站流量一旦穩定破萬，升級到VPS或託管式WP主機會看到明顯差異。TTFB從1.5秒掉到0.3秒是常有的事。
主機選擇的3個關鍵
- 機房位置：目標客人在台灣就挑台灣或日本機房，別貪便宜買美國主機
- SSD/NVMe儲存：HDD主機已經是史前產物，別再碰
- HTTP/2或HTTP/3支援：新協定讓多個請求並行，對網站速度有實質影響
第8步｜持續監控，別只做一次
網站速度會退化。裝新外掛、上新功能、改版、換主題，都可能讓速度變慢卻沒發現。
每月檢查清單
一個月花10分鐘跑一次以下檢查：
- PageSpeed Insights測首頁+熱門3頁
- Core Web Vitals在Google Search Console的「體驗」報告看
- 新外掛裝上後重新測一次
- 圖片外掛的壓縮配額有沒有用完
- 主機後台CPU / 記憶體使用率
速度掉了怎麼救
發現速度掉了，照這順序排查，通常10分鐘內找得出原因：
- 最近有沒有裝新外掛，有就先停用測一次
- 最近有沒有換主題或改樣板，有就回滾測
- 有沒有新上大圖片，用PageSpeed的「建議改善」看
- 是不是遇到流量尖峰，主機扛不住
- 第三方服務（金流、客服、廣告碼）有沒有異常
90%的慢化都是這5項其中一項。排查完再做深度分析。把SEO實作方法跟速度優化合在一起做，整體效果最好。
網站速度優化常見的3個誤區
這些坑踩過幾十個客戶，這邊講清楚。
誤區一，只追PageSpeed分數
PageSpeed的90分滿分很多人死命追，但90分跟85分的實際體驗差不出來，80分的網站使用者覺得順得不得了。真正該看的是LCP、INP、CLS這三個指標的實際秒數，分數只是參考。
誤區二，圖片丟著不處理
多數老闆覺得「圖片看得到就好」，結果首頁20張圖共15MB。裝一個圖片壓縮外掛設定好，馬上省下10MB，載入時間立刻短一半。這個動作成本最低、效益最高，卻最常被跳過。
誤區三，一次想修完所有東西
網站速度優化不是一次做完的工程。先修LCP（影響感受最大）、再修CLS（影響使用體驗）、最後修INP（影響互動）。一次想全部修完通常會卡住，分階段做才跑得下去。
關於網站速度優化，幾個常被問到的問題
網站速度優化大概要花多少錢？
DIY的話，外掛組合一年約NT$3,500（WP Rocket + ShortPixel + Perfmatters），加上免費的Cloudflare CDN。外包找工程師做一次性優化，台灣市場行情約NT$15,000~50,000，看網站規模。持續性的維護可以簽月費，NT$3,000~8,000/月不等。
PageSpeed分數要拉到幾分才夠？
行動版70分以上是合格、80分以上是好、90分以上是優。不用追滿分100分，CP值太低。90分的網站做到98分可能要付出10倍努力，但使用者感受幾乎沒差別。抓80分當目標最實際。
換主機能解決所有速度問題嗎？
不能。主機只決定「伺服器回應速度」（TTFB），但圖片大小、CSS/JS優化、快取設定這些前端問題換主機也不會好。主機是基底，其他優化是上層建築，都要做。
Cloudflare免費版夠用嗎？
對中小企業99%夠用。Cloudflare免費版提供全球CDN、DDoS防護、基本快取、HTTP/3支援，對月流量10萬以下的網站完全綽綽有餘。需要進階WAF規則或影片串流加速才要考慮付費方案。
Core Web Vitals真的會影響排名嗎？
會，但不是唯一因素。Google明確說過CWV是「數百個排名訊號之一」，內容品質、權威度仍是主要。CWV的影響在「內容差不多的兩個頁面互爭」時最明顯，速度快的會贏。對競爭激烈的關鍵字特別重要。
網站速度優化是持續的事，不是一次的事
網站速度優化不是做完就結束。隨著內容增加、流量成長、外掛更新，速度會不斷變化。這件事要變成每月例行檢查，像體檢一樣。
對中小企業來說，網站速度的投資回報非常直接。轉換率提升、跳出率下降、SEO排名改善、使用者體驗提升，這些都在同一個動作裡發生。說白了，優化網站速度是回報最穩定的SEO工作，比寫10篇文章還有感。
網站速度優化的坑很多，但做對方向就能看到明顯成效。達帛利整合技術SEO、主機規劃與前端效能優化，幫中小企業把載入時間壓進2.5秒以內。預約免費諮詢，先幫網站跑一次全面體檢。
About Author
