WordPress 效能優化完整指南:從 Core Web Vitals 到伺服器架構
☰ 目錄 table-of-contents.md
行銷部門把季度廣告預算加倍,報表上的點擊確實變多,詢價卻不增反減。追查到最後,問題出在活動頁本身:手機上要等超過五秒才看得到主要內容,訪客在點下廣告後的那幾秒就流失大半。這種案子我們每一季都會接到幾件,共通點很一致:站長並非不努力,換了外掛、壓了圖片、甚至認真考慮砸錢換主機,網站卻只快了一點點。
原因在於 WordPress 的速度從來不是單點問題。一個頁面請求要經過伺服器、PHP、資料庫、快取、前端資源、圖片與 CDN 好幾層,只優化其中一層,效果就會被最慢的那一層吃掉。有效的做法是先量測、找出真正的瓶頸層,再依投資報酬率排序動手:多數網站最划算的第一步是伺服器層級的全頁快取,其次是圖片與物件快取,前端細節則放在後段收尾。這篇指南會把每一層怎麼判斷、怎麼下手講清楚,最後破解幾個流傳最廣的效能迷思。
網站慢一秒,到底賠掉多少生意?
先看數據,才知道效能值得投入多少資源。Google 與 Deloitte 在 2020 年發表的聯合研究「Milliseconds Make Millions」,追蹤 37 個品牌網站、超過 3,000 萬個 sessions,結論是行動網頁每快 0.1 秒,零售網站轉換率平均提升 8.4%、客單價提升 9.2%。0.1 秒聽起來微不足道,換算成整年營收卻是實打實的差距。
B2B 網站同樣逃不掉。Portent 在 2022 年的研究指出,1 秒內載入完成的 B2B 頁面,轉換率是 5 秒頁面的 3 倍;B2C 電商更敏感,1 秒載入的頁面平均轉換率 3.05%,拖到 4 秒只剩 0.67%。速度與轉換率之間的完整機制,我們在網站效能與轉換率優化指南裡有更深入的拆解。
速度同時也是搜尋排名訊號。Google 把 Core Web Vitals 納入排名系統後,過慢的網站在搜尋與 AI 引擎的能見度上先天吃虧,脈絡可以參考我們的 SEO、AEO、GEO 完整指南。對企業站來說,效能是行銷漏斗的第一道閘門;如果正在通盤評估官網的技術選型,建議搭配企業級 WordPress 開發完整指南一起讀。
優化之前,怎麼知道網站算快還是慢?
沒有量測就沒有優化。過去大家各測各的載入秒數,現在業界有了共同語言:Google 的 Core Web Vitals(核心網頁指標),用三個指標描述真實使用者的體驗。門檻整理如下:
| 指標 | 衡量什麼 | 良好門檻 | 常見拖累原因 |
|---|---|---|---|
| LCP(最大內容繪製) | 主要內容多久出現在畫面上 | 2.5 秒以內 | 伺服器回應慢、首屏大圖未優化 |
| INP(互動到下次繪製) | 點擊、輸入後多久有反應 | 200 毫秒以內 | 過重的 JavaScript、外掛堆疊 |
| CLS(累積版面位移) | 載入過程畫面跳動的程度 | 0.1 以內 | 圖片未設尺寸、動態插入的橫幅 |
有兩件事常被誤解。第一,判定用的是第 75 百分位數(p75):Google 看的是至少 75% 的真實造訪都達標,不是一次美化過的實驗室跑分;只要有四分之一的訪客體驗很差,指標就過不了關。第二,INP 已於 2024 年 3 月 12 日正式取代舊的 FID,衡量範圍從「第一次互動的延遲」擴大成「整個瀏覽過程的互動反應」,對外掛肥大的 WordPress 網站是更嚴格的考驗,網路上教 FID 優化的舊文章可以直接略過。
工具方面,PageSpeed Insights 免費就能同時看到實驗室數據與真實用戶(CrUX)數據;同一頁建議連測兩三次、記下基準值,之後每做一項優化就回頭比對,才知道哪一招真的有效。三個指標的逐項調校手法,我們寫在 Core Web Vitals 實戰調校指南。
效能分層模型:慢的原因藏在哪一層?
把一次頁面載入拆開來看,速度由七層共同決定。下表是我們替客戶做效能健檢時使用的分層模型,也是這篇指南接下來的章節目錄:
| 層級 | 決定什麼 | 常見症狀 | 代表做法 |
|---|---|---|---|
| 伺服器層 | TTFB 的下限、承載能力 | 沒快取時首位元組動輒近一秒 | LiteSpeed 與 LSCache、機房選在受眾附近 |
| PHP 層 | WordPress 程式碼的執行速度 | 版本過舊、失去安全支援 | 維持受支援的 PHP 8.x、開啟 OPcache |
| 資料庫層 | 內容查詢的效率 | 動態頁又慢又吃 CPU | 清理冗餘資料、補上索引 |
| 快取層 | 讓同樣的運算只做一次 | 每次請求都重新產生整頁 | 全頁快取加 Redis 物件快取 |
| 前端層 | 瀏覽器要下載執行的 CSS 與 JS | INP 超標、互動卡頓 | 主題外掛瘦身、Speculative Loading |
| 圖片層 | 頁面最大宗的傳輸量 | LCP 超標、流量費暴增 | WebP 或 AVIF、尺寸控管、延遲載入 |
| CDN 層 | 與訪客之間的物理距離 | 海外訪客特別慢 | Cloudflare 等節點快取靜態資源 |
排查順序建議由下而上:伺服器與快取層決定 TTFB(伺服器回應第一個位元組的時間),是所有前端優化的地板;前端與圖片層決定訪客「看見內容」的速度;CDN 處理的則是地理距離。各層快取的完整運作原理,我們在 WordPress Cache 完整攻略拆解過,適合想先搞懂原理再動手的讀者。
伺服器層:Web Server 的選擇差多少?
同一套 WordPress 放在不同的 Web Server 上,效能天花板完全不同。LiteSpeed 官方在 2018 年發布、2021 年最後更新的 benchmark 裡,讓三種伺服器各自搭配最佳的快取方案,HTTP/2 下的每秒請求數如下:
| Web Server | 搭配的快取方案 | 每秒請求數(HTTP/2) |
|---|---|---|
| LiteSpeed | LSCache(伺服器層級) | 69,618 |
| Nginx | FastCGI Cache | 6,025 |
| Apache | 快取外掛(PHP 層) | 827 |
這裡要誠實標注:這是 LiteSpeed 自家的測試,數字差距很大一部分來自快取配置的層級差異(LSCache 直接在伺服器層回應,Apache 的快取外掛仍要經過 PHP),不能拿來當「LiteSpeed 天生快 84 倍」的無條件事實。比較持平的第三方概述是:啟用 LSCache 的網站,可以比標準 Apache 配置快 40% 到 70%。就算打了折,這仍是單一決策能換到的最大效能差距。
關鍵在 LSCache 的架構。它是伺服器層級的全頁快取:快取命中時由 LiteSpeed 直接回傳靜態內容,完全不啟動 PHP 與資料庫,WordPress 端的 LSCache 外掛只負責「指揮」,告訴伺服器何時清除快取、哪些頁面要略過。一般快取外掛做不到這件事,因為它們本身就跑在 PHP 層。roamer-tech.com 自己就跑在 OpenLiteSpeed 加 lsphp83 上,全頁快取命中的頁面 TTFB 穩定壓在幾十毫秒,這也是我們把 LiteSpeed 系列列為首選的原因。三種伺服器的完整取捨,見 Apache 與 LiteSpeed 深度比較。
PHP 與資料庫層:升級和快取各能換到多少?
PHP 版本該升,但理由跟多數人想的不一樣。Kinsta 在 2025 年的實測顯示,在 WordPress 那一組的測試裡(不是所有框架的平均),PHP 7.4 升到 8.5 的吞吐量只提升 6.6%,從每秒 139 個請求提高到 148 個。升級的主要理由是安全支援:舊版 PHP 停止維護後,新發現的漏洞不會再有修補。效能是順帶的紅利,這一點我們在後面的迷思章節會再展開。
資料庫層的槓桿反而更大。WordPress 動態產生一個頁面要查詢資料庫數十次,登入後頁面、會員區、WooCommerce 購物車這類無法整頁快取的場景尤其吃重。物件快取(Object Cache)把查詢結果暫存在 Redis 或 Memcached 的記憶體裡,重複查詢直接從記憶體取用,能有效減少資料庫負擔;官方的 Redis Object Cache 外掛有超過 40 萬次安裝,成熟度足夠放心用在正式環境。要提醒的是,網路上流傳「裝了 Redis 就快百分之多少」的量化數字大多沒有可靠依據,效益高低取決於網站的動態程度:動態頁越多、登入用戶越多,效益越明顯。運作原理與選型見 WordPress Object Cache 解析,整體架構設計則可參考 Redis 快取架構優化指南。LiteSpeed 用戶還有個福利:LSCache 外掛內建 Redis 與 Memcached 的物件快取整合,不必另外拼裝。
物件快取之外,資料庫本身也要定期健身:清掉累積多年的文章修訂版本與過期 transient、揪出慢查詢、對高頻查詢的欄位補上索引,都是報酬率很高的動作。系統化的做法我們整理在資料庫效能優化指南與 MySQL 索引優化指南。動資料庫之前務必完整備份,清理與索引調整都是不可逆的操作。
前端與圖片層:不動伺服器也能快多少?
圖片通常是頁面上體積最大的資源,也是最容易拿分的地方。Google 官方的壓縮研究顯示,WebP 比同畫質的 JPEG 小 25% 到 34%;更新的 AVIF 格式大約能再省一到三成體積,代價是編碼速度慢很多,大量圖片批次轉檔時要有耐心。相容性已經不是障礙:依 caniuse 統計(2026 年 7 月查詢),WebP 的瀏覽器支援度約 96%、AVIF 約 93%。務實的建議是全站以 WebP 起步,流量大的圖片密集頁再評估 AVIF。
另外兩個基本功。一是依顯示尺寸出圖,不要拿 2,000 像素的原圖塞進 300 像素的欄位,讓瀏覽器下載完再自行縮小;二是善用 WordPress 自 5.5 版(2020 年)就內建的原生圖片延遲載入。延遲載入有個經典陷阱要避開:首屏主視覺與 Logo 不要延遲載入,否則訪客會先看到空白再等圖片補上,LCP 反而變差。
WordPress 核心這幾年在前端效能上進步不小。6.8 版(2025 年 4 月)一口氣帶進 24 項效能改進,最有感的是 Speculative Loading 進入核心:以預設的保守(conservative)策略,在訪客把游標移到連結上時預先抓取下一頁,點擊後幾乎瞬間開啟。7.0 版(2026 年 5 月 20 日發布)延續了這條路線,目前最新則是 7.0.1(2026 年 7 月 9 日),光是把核心維持在新版,就能免費吃到這些紅利。主題與外掛的選擇也算前端層:臃腫的佈景主題夾帶大量用不到的 CSS、JavaScript 與字型,再強的快取也救不了首次載入,選輕量主題、讓每個功能只有一套外掛負責,是不用寫程式就能守住的底線。
CDN 層:台灣網站需要 CDN 嗎?
CDN 的價值是縮短物理距離,把靜態資源複製到離訪客最近的節點。Kinsta 的實測數據很有代表性:套上 CDN 後,TTFB 從 136 毫秒降到 37 毫秒,降幅約 73%。
不過這個數字要放進脈絡看。如果受眾九成在台灣、主機也放在台灣機房、伺服器層快取又做得紮實,CDN 能再擠出的空間相當有限;反過來,只要有可觀的海外訪客(外銷企業、跨境電商、多語系官網),CDN 幾乎是必備,因為再快的台灣主機也贏不了物理距離。免費方案可以從 Cloudflare 起步,先開靜態資源快取,量測前後差異再決定要不要投資進階功能。
該從哪裡開始動手?省力優先順序
資源與時間有限時,照這個順序做,每一步都站在前一步的基礎上:
- 量測建立基準:PageSpeed Insights 連測三次,記下 LCP、INP、CLS 與 TTFB 的起點。
- 啟用伺服器層快取:主機支援 LiteSpeed 就開 LSCache;否則挑一套可靠的快取外掛,而且只留一套。
- 圖片全面 WebP 化、控管輸出尺寸,並確認首屏主圖沒有被延遲載入。
- 動態頁多的網站補上 Redis 物件快取,同時清理資料庫的修訂版本與過期資料。
- 前端瘦身:汰換臃腫主題與功能重複的外掛,砍掉用不到的字型與腳本。
- 有海外流量再上 CDN,先量測、後付費。
- 建立持續監控,讓速度劣化在第一時間被抓到,做法見網站監控自動化:一分鐘預警系統。
每完成一步就回頭量測一次,把數字記下來。順序可以依網站情況微調,但「先量測、先快取」這兩個原則不要動。
這些效能迷思,害多少預算白花了?
迷思一:換更貴的主機,網站自然就快?
主機決定的是 TTFB 的下限,也就是效能的地板,救不了前端的天花板。頁面塞著 3MB 的未壓縮圖片、二十個外掛各自載入腳本,換到再貴的主機,訪客感受到的改善都有限。我們健檢過不少月付數千元主機方案的網站,瓶頸最後都落在圖片與外掛。先量測、確認瓶頸真的在伺服器層,再花這筆錢。
迷思二:外掛裝越多,優化越徹底?
每個外掛都有成本:額外的資料庫查詢、額外的 CSS 與 JavaScript、彼此衝突的風險。最糟的情況是同時裝兩套快取外掛互相打架,頁面更慢還會冒出難以重現的怪問題。健康的做法是一個功能只留一套方案,並定期逐一停用、量測、比對,找出真正的資源大戶;系統化的排查手法可以參考 WordPress 偵錯終極指南。
迷思三:升級 PHP 8,網站會快兩三倍?
「PHP 8 比 7 快三倍」的說法來自合成測試的純運算跑分,跟 WordPress 的真實負載是兩回事。Kinsta 2025 年的實測給出的答案是:WordPress 場景下,PHP 7.4 升到 8.5 只快了 6.6%。該升級嗎?該,但理由是安全支援與外掛生態的相容性,不要抱著網站瞬間起飛的期待,更不要因為升完沒感覺,就放棄真正的瓶頸排查。
迷思四:測速拿到滿分,使用者體驗就一定好?
分數是找問題的線索,不是要繳回去的成績單。實驗室分數量的是模擬環境,真實訪客用的是各種等級的手機與行動網路,Google 排名採計的也是真實用戶的 p75 數據。與其為了最後五分把網站改到難以維護,不如把力氣花在真實數據尚未達標的那個指標上。
資料來源與延伸連結
本文數據查證於 2026 年 7 月 2 日。效能門檻、版本與統計數字更新頻繁,引用前建議回到原始來源確認最新狀態。
- web.dev:Core Web Vitals 指標總覽、INP 指標說明、INP 於 2024 年 3 月 12 日取代 FID
- Google 與 Deloitte:Milliseconds Make Millions 研究
- Portent:網站速度與轉換率研究(2022)
- LiteSpeed 官方 WordPress benchmark、LSCache for WordPress 官方說明
- ScopeHosts:LiteSpeed、Nginx、Apache 效能概述
- Redis Object Cache 官方外掛、Pressidium:Redis Object Cache 解析
- Kinsta:PHP 效能實測(2025)、Kinsta:TTFB 與 CDN 實測
- Google:WebP 壓縮研究、ShortPixel:AVIF 與 WebP 比較、caniuse:WebP 支援度、caniuse:AVIF 支援度
- WordPress 版本發布紀錄、WordPress 6.8 效能改進、WordPress 5.5 原生延遲載入
延伸閱讀
- 企業官網速度優化指南:從商業角度看效能投資
- WordPress Cache 完整攻略:把快取原理一次搞懂
- Redis Object Cache 效能調校指南
- Core Web Vitals 實戰調校:LCP、CLS 逐項擊破
需要有人一起看網站的速度問題嗎?
效能優化是浪花科技的日常工作:我們自己的網站跑在調校過的 LiteSpeed 架構上,也替客戶處理過從主機搬遷、快取架構到資料庫索引的各種瓶頸。如果網站越來越慢、又不確定問題出在哪一層,可以從我們的 WordPress 網站服務開始了解;需要客製功能又擔心拖慢網站,客製外掛開發會在設計階段就把效能算進去。或者直接聯絡我們安排一次效能健檢,先量測、再對症下藥。
RoamerHost 幫你把開源 AI 與自動化工具一鍵代管:獨立 Docker、自動 SSL、24/7 監控,60 秒上線。省下租機器、裝環境、顧維運的力氣,訂閱就能開始用。
▶立即免費註冊常見問題
網站速度要達到什麼標準才算及格?
INP 是什麼?和以前常聽到的 FID 有什麼不同?
已經裝了快取外掛,網站還是慢,該從哪裡查起?
把 PHP 升級到 8 系列,網站會快很多嗎?
受眾幾乎都在台灣,還需要 CDN 嗎?
訂閱免費電子報
把 AI 自動化、企業系統設計與 WordPress / Laravel 開發的真實案例和可直接照做的技巧,整理成電子報寄給你。只寄精選內容、不灌垃圾信,一鍵就能退訂。