~/blog/10-wordpress-website-speed-optimization-tips.md
網站效能與架構優化 · · 更新於

WordPress 效能優化完整指南:從 Core Web Vitals 到伺服器架構

Eric — 浪花科技創辦人 / AI 架構師
Eric
浪花科技創辦人 · AI 架構師
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 與 JSINP 超標、互動卡頓主題外掛瘦身、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)
LiteSpeedLSCache(伺服器層級)69,618
NginxFastCGI Cache6,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 起步,先開靜態資源快取,量測前後差異再決定要不要投資進階功能。

該從哪裡開始動手?省力優先順序

資源與時間有限時,照這個順序做,每一步都站在前一步的基礎上:

  1. 量測建立基準:PageSpeed Insights 連測三次,記下 LCP、INP、CLS 與 TTFB 的起點。
  2. 啟用伺服器層快取:主機支援 LiteSpeed 就開 LSCache;否則挑一套可靠的快取外掛,而且只留一套。
  3. 圖片全面 WebP 化、控管輸出尺寸,並確認首屏主圖沒有被延遲載入。
  4. 動態頁多的網站補上 Redis 物件快取,同時清理資料庫的修訂版本與過期資料。
  5. 前端瘦身:汰換臃腫主題與功能重複的外掛,砍掉用不到的字型與腳本。
  6. 有海外流量再上 CDN,先量測、後付費。
  7. 建立持續監控,讓速度劣化在第一時間被抓到,做法見網站監控自動化:一分鐘預警系統

每完成一步就回頭量測一次,把數字記下來。順序可以依網站情況微調,但「先量測、先快取」這兩個原則不要動。

這些效能迷思,害多少預算白花了?

迷思一:換更貴的主機,網站自然就快?

主機決定的是 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 日。效能門檻、版本與統計數字更新頻繁,引用前建議回到原始來源確認最新狀態。

延伸閱讀

需要有人一起看網站的速度問題嗎?

效能優化是浪花科技的日常工作:我們自己的網站跑在調校過的 LiteSpeed 架構上,也替客戶處理過從主機搬遷、快取架構到資料庫索引的各種瓶頸。如果網站越來越慢、又不確定問題出在哪一層,可以從我們的 WordPress 網站服務開始了解;需要客製功能又擔心拖慢網站,客製外掛開發會在設計階段就把效能算進去。或者直接聯絡我們安排一次效能健檢,先量測、再對症下藥。

// 推薦服務
首月免費 · 月費 NT$249 起
想用 n8n、Dify、WordPress,卻不想自己養伺服器?

RoamerHost 幫你把開源 AI 與自動化工具一鍵代管:獨立 Docker、自動 SSL、24/7 監控,60 秒上線。省下租機器、裝環境、顧維運的力氣,訂閱就能開始用。

立即免費註冊
// FAQ

常見問題

網站速度要達到什麼標準才算及格?
以 Google Core Web Vitals 為準:LCP(最大內容繪製)2.5 秒以內、INP(互動反應)200 毫秒以內、CLS(版面位移)0.1 以內,而且是用真實用戶的第 75 百分位數(p75)判定,代表至少 75% 的造訪都要達標。用 PageSpeed Insights 查看 CrUX 真實數據最準確,實驗室分數只當找問題的線索。
INP 是什麼?和以前常聽到的 FID 有什麼不同?
INP 衡量整個瀏覽過程中所有互動的反應速度,已於 2024 年 3 月 12 日正式取代只計算第一次互動延遲的 FID,良好門檻是 200 毫秒。因為它看的是全程互動,對外掛多、前端 JavaScript 重的 WordPress 網站更嚴格,優化重點是替主題與外掛瘦身、減少不必要的腳本。
已經裝了快取外掛,網站還是慢,該從哪裡查起?
先確認快取有沒有真的命中,從回應標頭就能判斷。命中了還慢,瓶頸多半在前端與圖片層;沒辦法命中的動態頁面(登入後、購物車、會員區),則要靠 Redis 物件快取與資料庫優化處理。逐層量測 TTFB 與 LCP,就能定位問題出在伺服器、快取還是前端。
把 PHP 升級到 8 系列,網站會快很多嗎?
不會有戲劇性的差別。Kinsta 2025 年實測顯示,在真實 WordPress 負載下 PHP 7.4 升到 8.5 只快 6.6%,網傳的快兩三倍來自合成測試,與實際網站表現是兩回事。仍然強烈建議升級,主因是舊版 PHP 已失去安全支援,效能只是附帶的小紅利。
受眾幾乎都在台灣,還需要 CDN 嗎?
如果主機放在台灣、伺服器層快取也做得好,CDN 對本地訪客的效益相當有限,可以先把預算留給快取與圖片優化。但只要有可觀的海外訪客,例如外銷或跨境電商,CDN 幾乎是必備,Kinsta 實測顯示 TTFB 可下降約 73%。建議先用 Cloudflare 免費方案量測前後差異再決定。
#WordPress #效能優化 #Core Web Vitals #LiteSpeed #Redis 快取 #網站速度 #CDN
~/roamer-tech/newsletter // FREE
// newsletter

訂閱免費電子報

把 AI 自動化、企業系統設計與 WordPress / Laravel 開發的真實案例和可直接照做的技巧,整理成電子報寄給你。只寄精選內容、不灌垃圾信,一鍵就能退訂。

$
// final.exec()

準備好讓你的網站開始為你工作了嗎?