MO StudioStart a Project

MO STORIES

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

2026年4月27日2 分鐘閱讀

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

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

先說結論(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 段加起來:

  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. 把「不需要動態」的頁面做成可快取(首頁/文章頁通常都可以)

延伸:[[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_consumption128MB256MB 起跳
opcache.max_accelerated_files4000~800012000 起跳
opcache.interned_strings_buffer8MB16MB
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 場景,最常見的順序是:

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

如果你想用最短時間得到一份可執行的診斷與修復清單,可以直接走我們的流程:[[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 還是太麻煩?

瘦桑與 茉設計 同步提供專業的網站升級服務:

速度升級
讓 LCP < 2.5s,降低跳出率
流量升級
精準診斷核心關鍵字佈局
獲取專家診斷

前 5 名諮詢客戶享免費效能報告

延伸閱讀

Newsletter

訂閱 MO Stories

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

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

MO DESIGN STUDIO

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

← 返回部落格