MO STORIES
TTFB 是什麼?如何判斷瓶頸:WordPress 速度診斷與改善指南 (2026)
TTFB 是「伺服器把第一個位元組回給你」的時間。本文用最白話的方法拆解 TTFB 由哪些階段構成、怎麼用工具定位瓶頸,並整理 WordPress 場景最有效的改善順序(主機/快取/CDN/資料庫/外掛)。

先說結論(Answer First)
TTFB(Time to First Byte)就是:使用者點進你的網址後,瀏覽器「收到伺服器第一個 byte」所花的時間。
你可以把它想成:
- 你在餐廳點餐 → TTFB 是「服務生端出第一道菜」之前的等待時間
- LCP 是「主菜端上桌、你真的開始吃到」的時間
所以如果你的網站「一開始就卡住」,多半不是圖片壓縮或動畫特效的問題,而是 TTFB 先把整場體驗拖慢了。
如果你還沒看過完整的速度診斷地圖,先從這篇支柱文章建立全局:[[2026-01-04 WordPress 網站很慢怎麼辦?完整診斷與解決指南 (2026)|WordPress 網站很慢怎麼辦?完整診斷與解決指南]]。
如果你更卡在「該先升級主機、上 CDN,還是先把快取做對」,接著看:[[2026-04-27 主機升級 vs CDN vs 快取外掛:WordPress 加速怎麼選?別再亂花錢 (2026)|主機升級 vs CDN vs 快取外掛:WordPress 加速怎麼選]]。
TTFB 到底在等什麼?(拆成 4 段你才知道要修哪裡)
TTFB 通常是這 4 段加起來:
- DNS Lookup:把網域解析成 IP(像查地址)
- TCP/TLS Handshake:建立連線、HTTPS 握手(像進大樓要刷卡)
- Server Processing:伺服器生成回應(WordPress 會跑 PHP、查資料庫、組 HTML)
- Network Latency:回傳第一個 byte 的路上延遲(距離/路由/壅塞)
你會發現:只有第 3 段是 WordPress 本身最常拖累的地方;但前面 1~2 段如果配置錯,也會讓你「怎麼優化都沒用」。
3 分鐘初診:用這 3 個工具判斷 TTFB 是「網路問題」還是「伺服器問題」
1) PageSpeed Insights(快速看方向)
看重點不是分數,而是:
- 是否有 「Reduce initial server response time」
- Lab data 裡的 TTFB 是否明顯偏高
2) Chrome DevTools → Network(看瀏覽器看到的分段)
打開 DevTools → Network → 點第一個文件(Document):
- 看 Waiting (TTFB)
- 再看 Initial connection / SSL 是否也很大
3) 用 curl 做「去除前端干擾」的純伺服器測試(推薦)
在本機跑:
curl -s -o /dev/null -w "ttfb=%{time_starttransfer}\\nconnect=%{time_connect}\\nappconnect=%{time_appconnect}\\ntotal=%{time_total}\\n" https://yourdomain.com/
如果:
time_connect/time_appconnect高 → 連線/SSL/DNS/CDN 方向time_starttransfer高、但 connect/appconnect 正常 → 伺服器處理/快取命中率 方向
WordPress TTFB 高時,先看這 3 件事就夠了
如果你不想一口氣看一堆技術名詞,先抓這個順序:
- 有沒有頁面快取,而且是否真的命中
- 主機資源夠不夠,尖峰時段是否掉速
- 外掛或資料庫是否讓每次請求都重新計算
你不需要一次把所有優化都做完。TTFB 的重點不是「調很多」,而是先排出哪個環節最拖時間。
WordPress 場景最常見的 6 種 TTFB 瓶頸(以及你該先修哪個)
1) 沒有「頁面快取」或快取沒命中(最常見)
沒有 Full Page Cache 時,每次請求都要: PHP → WordPress 核心 → 外掛 → 資料庫 → 組 HTML。
優先解法(按 CP 值排序):
- 確認是否有頁面快取(LiteSpeed Cache / WP Rocket / 伺服器層快取)
- 檢查快取是否真的命中(HIT/MISS header、後台設定、排除規則)
- 把「不需要動態」的頁面做成可快取(首頁/文章頁通常都可以)
延伸:[[2026-04-27 主機升級 vs CDN vs 快取外掛:WordPress 加速怎麼選?別再亂花錢 (2026)|主機 vs CDN vs 快取外掛:WordPress 加速怎麼選]]。
如果你還不確定哪些效能工具值得裝,可以先看:[[2026-03-21 WordPress 外掛推薦 2026:新手站長最值得安裝的 10 款工具|WordPress 外掛推薦 2026]]。
2) 主機 CPU / I/O 不夠,或被同機鄰居拖累(共享主機常見)
症狀是:尖峰時段 TTFB 突然飆升、同一台主機上有「鄰居站」吃資源。
優先解法:
- 先把快取做對(先救體感)
- 再評估主機升級(CPU/記憶體/磁碟 I/O)
延伸:[[2025-12-30 如何改善 WordPress 主機速度:網站慢的真正兇手|如何改善 WordPress 主機速度]]。
3) PHP 版本/OPcache/物件快取沒配置好
WordPress 的「伺服器處理」很吃:
- PHP 版本(效能差異大)
- OPcache(是否啟用、配置是否合理)
- Object Cache(Redis/Memcached)是否真的降低 DB 壓力
OPcache 不只是「有開就好」
很多 WordPress 主機會說自己有開 OPcache,但真正要看的是容量和檔案數上限。
像 WooCommerce + Elementor + JetEngine 這類站,PHP 檔案數很容易破萬。如果 OPcache 還停在預設的 max_accelerated_files=4000,就會出現「一直快取、一直汰換」的狀態。體感上就是 TTFB 不穩,後台切頁也卡。
| 設定 | 小型內容站 | WooCommerce / Elementor 站 |
|---|---|---|
opcache.memory_consumption | 128MB | 256MB 起跳 |
opcache.max_accelerated_files | 4000~8000 | 12000 起跳 |
opcache.interned_strings_buffer | 8MB | 16MB |
opcache.save_comments | 視外掛而定 | 建議保留,避免建構器或外掛讀不到註解 |
如果你已經有頁面快取,但 TTFB 還忽高忽低,OPcache 是值得檢查的伺服器層設定。它不會取代 Cloudflare 或 Redis,但能讓 PHP runtime 少做很多重複工作。
4) 外掛太多、或有「每次請求都跑」的外掛(後台感覺不出來)
常見地雷:
- 每個 request 都在做遠端 API 呼叫
- 每個 request 都在掃描/生成大型資料(例如動態查詢)
- SEO 外掛/建構器外掛組合不當,造成大量 hook
做法:
- 用 Query Monitor(或 APM)抓慢點
- 先停用你「不敢碰但實際用不到」的外掛做排除
5) 資料庫肥大、查詢慢(尤其有 WooCommerce 或大量文章)
TTFB 高 + 後台慢 + 查詢常常卡住時,資料庫通常是主因。
先做「不冒險」的改善:
- 清理 revisions / transients
- 定期優化 tables(看主機商是否支援)
延伸:[[2026-01-04 WordPress 資料庫清理優化:3 個步驟讓網站「瘦身」成功 (2026)|WordPress 資料庫清理優化]]。
6) CDN 配錯:有 CDN 但 TTFB 還是高
CDN 主要解決「距離」與「靜態資源」,但:
- 如果 HTML 沒快取,CDN 也救不了動態渲染
- 如果你的 origin 本來就慢,CDN 只是在「慢的源頭」前面加一層門面
你應該用什麼標準看 TTFB?(別被單次測試騙了)
建議看 p75(75th percentile) 或至少看多次測試的區間,而不是一次跑分。
你可以用這個思維:
- 穩定 < 0.8s:多數內容站體感會很好
- 1~2s:大部分人開始覺得「卡」
- > 2s:即使 LCP 做得好,也會被「先卡住」拖垮
(註:不同地區/不同網路環境差異很大,所以你要看的是「相對改善」與「穩定性」。)
FAQ:TTFB 最常被問的 4 個問題
Q1:TTFB 高,是不是代表一定要換主機?
不一定。最常見的第一步是把頁面快取做對。如果快取命中後 TTFB 還是高,才更像主機/伺服器層問題。
Q2:CDN 可以直接把 TTFB 變低嗎?
只有在 HTML 可快取(或走 Edge Cache)時,CDN 才會大幅改善 TTFB。否則 CDN 多半只會改善圖片/CSS/JS 的載入。
Q3:我應該先優化 TTFB 還是先壓縮圖片?
如果你現在 TTFB 明顯偏高(例如 > 1~2s),先修 TTFB。因為你圖片再小,頁面「一開始卡住」的體感仍然很差。
Q4:TTFB 高,裝快取外掛就一定有用嗎?
不一定。
如果瓶頸在主機 CPU、資料庫或某個外掛每次都做重運算,快取外掛只能部分緩解。真正要先確認的是:快取有沒有命中、命中後 TTFB 還高不高。
總結:把 TTFB 修好,你就贏在起跑點
TTFB 本質是「伺服器反應速度」;在 WordPress 場景,最常見的順序是:
- 先確認 頁面快取是否命中
- 再檢查 主機資源與 PHP/OPcache
- 才輪到 外掛/資料庫 的深度定位
如果你想用最短時間得到一份可執行的診斷與修復清單,可以直接走我們的流程:[[2026-02-24 WordPress 速度健檢與加速服務|別再亂裝外掛,找出拖垮網站的致命傷|WordPress 速度健檢與加速服務]]。
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "TTFB 高,是不是代表一定要換主機?", "acceptedAnswer": { "@type": "Answer", "text": "不一定。最常見的第一步是把頁面快取做對。如果快取命中後 TTFB 還是高,才更像主機或伺服器層問題。" } }, { "@type": "Question", "name": "CDN 可以直接把 TTFB 變低嗎?", "acceptedAnswer": { "@type": "Answer", "text": "只有在 HTML 可快取或走 Edge Cache 時,CDN 才會大幅改善 TTFB;否則多半只會改善圖片、CSS、JS 等靜態資源。" } }, { "@type": "Question", "name": "我應該先優化 TTFB 還是先壓縮圖片?", "acceptedAnswer": { "@type": "Answer", "text": "若 TTFB 明顯偏高(例如超過 1 到 2 秒),建議先修 TTFB,因為圖片再小也無法改善『一開始就卡住』的體感。" } }, { "@type": "Question", "name": "TTFB 高,裝快取外掛就一定有用嗎?", "acceptedAnswer": { "@type": "Answer", "text": "不一定。如果瓶頸在主機資源、資料庫或某個外掛每次都做重運算,快取外掛只能部分緩解。應先確認快取是否命中,以及命中後 TTFB 是否仍偏高。" } } ] } </script>看完教學覺得 WordPress 還是太麻煩?
瘦桑與 茉設計 同步提供專業的網站升級服務:
前 5 名諮詢客戶享免費效能報告
延伸閱讀

WordPress 內部連結策略:讓 SEO 權重翻倍的連結佈局指南 (2026)
內部連結是最便宜也最常被忽略的 SEO 槓桿。這篇教你用支柱文與群集文的連結架構,讓 Google 更懂你的網站主題,縮短新文章起量時間。

WordPress 結構化資料設定:讓 Google 秀出精選摘要的 Schema 教學 (2026)
想讓 Google 更快看懂你的內容、在搜尋結果秀出精選摘要?Schema 是最低成本高報酬做法。這篇用 WordPress 新手可執行的方式,教你設定 Article 與 FAQ Schema。

WordPress 換主機搬家 SOP:R2 圖床 offload + All-in-One 大檔避雷清單(2026)
WordPress 換主機最怕「搬完才爆炸」。這篇給你一份偏實作的搬家 SOP:搬之前該確認什麼、All-in-One 在 R2 offload 情境怎麼匯出最小包、搬完 10 個必做檢查,以及切 DNS 的低停機流程。
訂閱 MO Stories
獲得最新的網頁設計趨勢、Headless CMS 技術洞察與數位變現策略。