MO STORIES

TTFB 是什麼?如何判斷瓶頸:WordPress 速度診斷與改善指南 (2026)

2026年3月21日8 MIN READ

先說結論(Answer First) TTFB(Time to First Byte)就是:使用者點進你的網址後,瀏覽器「收到伺服器第一個 byte」所花的時間。 你可以把它想成: 你在餐廳點餐 → TTFB 是「服務生端出第一道菜」之前的等待時間 LCP 是「主菜端上桌、你真的開始吃到」的時間 所以如果你的網站「一開...

TTFB 是什麼?如何判斷瓶頸:WordPress 速度診斷與改善指南 (2026)
Cover Visual

先說結論(Answer First)

TTFB(Time to First Byte)就是:使用者點進你的網址後,瀏覽器「收到伺服器第一個 byte」所花的時間。

你可以把它想成:

  • 你在餐廳點餐 → TTFB 是「服務生端出第一道菜」之前的等待時間
  • LCP 是「主菜端上桌、你真的開始吃到」的時間

所以如果你的網站「一開始就卡住」,多半不是圖片壓縮或動畫特效的問題,而是 TTFB 先把整場體驗拖慢了

如果你還沒看過完整的速度診斷地圖,先從這篇支柱文章建立全局:WordPress 網站很慢怎麼辦?完整診斷與解決指南

如果你更卡在「該先升級主機、上 CDN,還是先把快取做對」,接著看:主機升級 vs CDN vs 快取外掛:WordPress 加速怎麼選


TTFB 到底在等什麼?(拆成 4 段你才知道要修哪裡)

TTFB 通常是這 4 段加起來:

  1. DNS Lookup:把網域解析成 IP(像查地址)
  2. TCP/TLS Handshake:建立連線、HTTPS 握手(像進大樓要刷卡)
  3. Server Processing:伺服器生成回應(WordPress 會跑 PHP、查資料庫、組 HTML)
  4. 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 件事就夠了

如果你不想一口氣看一堆技術名詞,先抓這個順序:

  1. 有沒有頁面快取,而且是否真的命中
  2. 主機資源夠不夠,尖峰時段是否掉速
  3. 外掛或資料庫是否讓每次請求都重新計算

你不需要一次把所有優化都做完。TTFB 的重點不是「調很多」,而是先排出哪個環節最拖時間。


WordPress 場景最常見的 6 種 TTFB 瓶頸(以及你該先修哪個)

1) 沒有「頁面快取」或快取沒命中(最常見)

沒有 Full Page Cache 時,每次請求都要:
PHP → WordPress 核心 → 外掛 → 資料庫 → 組 HTML。

優先解法(按 CP 值排序):

  1. 確認是否有頁面快取(LiteSpeed Cache / WP Rocket / 伺服器層快取)
  2. 檢查快取是否真的命中(HIT/MISS header、後台設定、排除規則)
  3. 把「不需要動態」的頁面做成可快取(首頁/文章頁通常都可以)

延伸:主機 vs CDN vs 快取外掛:WordPress 加速怎麼選

如果你還不確定哪些效能工具值得裝,可以先看:WordPress 外掛推薦 2026

2) 主機 CPU / I/O 不夠,或被同機鄰居拖累(共享主機常見)

症狀是:尖峰時段 TTFB 突然飆升、同一台主機上有「鄰居站」吃資源。

優先解法:

  • 先把快取做對(先救體感)
  • 再評估主機升級(CPU/記憶體/磁碟 I/O)

延伸:如何改善 WordPress 主機速度

3) PHP 版本/OPcache/物件快取沒配置好

WordPress 的「伺服器處理」很吃:

  • PHP 版本(效能差異大)
  • OPcache(是否啟用、配置是否合理)
  • Object Cache(Redis/Memcached)是否真的降低 DB 壓力

4) 外掛太多、或有「每次請求都跑」的外掛(後台感覺不出來)

常見地雷:

  • 每個 request 都在做遠端 API 呼叫
  • 每個 request 都在掃描/生成大型資料(例如動態查詢)
  • SEO 外掛/建構器外掛組合不當,造成大量 hook

做法:

  • 用 Query Monitor(或 APM)抓慢點
  • 先停用你「不敢碰但其實用不到」的外掛做排除

5) 資料庫肥大、查詢慢(尤其有 WooCommerce 或大量文章)

TTFB 高 + 後台慢 + 查詢常常卡住時,資料庫通常是主因。

先做「不冒險」的改善:

  • 清理 revisions / transients
  • 定期優化 tables(看主機商是否支援)

延伸: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 場景,最常見的順序是:

  1. 先確認 頁面快取是否命中
  2. 再檢查 主機資源與 PHP/OPcache
  3. 才輪到 外掛/資料庫 的深度定位

如果你想用最短時間得到一份可執行的診斷與修復清單,可以直接走我們的流程:WordPress 速度健檢與加速服務

MO 編輯

關於作者 | 10+ 經驗

MO 編輯

WordPress 效能優化專家 / MO Design Studio 共同創辦人

關注設計 × 工程的平衡協作,擅長以簡潔語言說故事。專門幫已有網站的品牌做速度升級。相信好網站不用重做,只需要正確的優化。

WordPress 優化SEO 策略Headless CMS效能稽核

延伸閱讀

Newsletter

訂閱 MO Stories

獲得最新的網頁設計趨勢、Headless CMS 技術洞察與數位變現策略。

我們尊重隱私,絕不發送垃圾郵件。可隨時取消訂閱。

MO DESIGN STUDIO

我們專注品牌網站設計、行銷著陸頁與整合式 CMS 流程,協助團隊打造有感的線上體驗。

返回部落格