页面在本地或办公室打开很快,客户在国外却说"半天出不来"。这时候光看页面体积、图片大小往往找不到原因——因为瓶颈可能在"服务器开始返回第一个字节之前",也就是 TTFB。
TTFB(Time to First Byte,首字节时间)是浏览器发起请求到收到响应第一个字节之间的时间。它不是 Core Web Vitals 的一项,而是一个诊断指标:导航响应迟缓通常会推迟内容呈现,但具体影响还取决于资源加载、渲染和提前响应方式。按 web.dev 的参考口径,75 分位用户的 TTFB 应在 0.8 秒以内,超过 1.8 秒算差(web.dev:Time to First Byte (TTFB))。TTFB 由重定向、DNS、连接与 TLS、服务器处理和传输共同组成,所以"TTFB 高"要拆开看,才知道是服务器慢还是网络远。

TTFB 由哪些部分拼起来
按 web.dev 的说明,导航请求的 TTFB 是以下阶段之和(同页):
- 重定向时间;
- Service Worker 启动时间(如果使用了 Service Worker);
- DNS 查询;
- 连接与 TLS 协商;
- 请求——从发出请求到响应的第一个字节到达。

- 重定向:一次多余的重定向就要多一次往返,链式重定向尤其伤 TTFB。
- DNS 与连接:DNS 解析、TCP 握手、TLS 握手都要来回,用户离服务器越远、延迟越高,这几段越贵。
- 服务器处理:后端生成页面所花的时间,可能是数据库查询慢、缓存未命中或代码效率低。
- 传输:第一个字节从服务器传回浏览器的时间,与网络质量有关。
一个常被忽略的点:Server-Timing 测到的"服务器响应时间"可能很快,但整体 TTFB 依然慢——因为大头花在了连接和重定向上,而不是服务器本身。所以不要一看到 TTFB 高就去换服务器。官方也提示,TTFB 的测量口径受"提前响应"机制影响(例如 103 Early Hints 会被算作"第一个字节"),跨平台比较时要先弄清所用工具测的是什么。
怎么测量
- 浏览器端:用 Navigation Timing API 或 web-vitals 库测量 TTFB;使用原始导航条目时核对
responseStart - startTime、页面激活及 Early Hints 等测量条件。 - 实验室:Lighthouse / 开发者工具的网络面板可以看单个请求的等待时间,适合排查具体页面。
- 分地区测试:从不同地理位置发起测试,判断是不是"只有远距离用户慢"。
- 真实用户数据:CrUX 等真实用户数据通常只覆盖主文档导航请求的 TTFB。
慢在哪,就改哪
web.dev 的总方向是"降低连接建立的延迟和后端延迟"(同页)。落到具体动作:
| 瓶颈 | 优先动作 |
|---|---|
| 连接/网络远 | 使用全球 CDN,让响应从离用户更近的边缘节点返回 |
| 服务器处理慢 | 加缓存、优化数据库查询与后端逻辑,减少每次请求的实时计算 |
| 重定向过多 | 去掉链式重定向,缩短跳转路径 |
| DNS/TLS 慢 | 评估 DNS 服务商与 TLS 配置,减少握手往返 |

一次分地区排查示例(教学示例)
教学示例(虚构):同一页从不同地区测 TTFB,演示怎么用数据区分"网络远"和"服务器慢"。数值为演示,不代表任何真实站点。
| 测试来源(示例) | TTFB(示例) | 推断方向 |
|---|---|---|
| 与服务器同区域 | 0.2 s | 这次同区域样本等待较短,还需看缓存与服务端耗时 |
| 跨洲、无 CDN | 1.6 s | 检查连接与传输是否占比高,并对照缓存命中 |
| 跨洲、走 CDN | 0.4 s | 检查边缘命中及各阶段差异,不能只凭总值确定原因 |
| 同区域但带链式重定向 | 0.9 s | 通过导航明细确认重定向增加的等待 |
如果"同区域也慢",先查服务器处理与缓存;如果"只有远距离慢",先查 CDN 与连接。两者不要混着改。
别把它和 LCP 混为一谈
TTFB 只是 LCP 的前半段。即使 TTFB 达标,如果首屏大图太大、字体加载阻塞、脚本抢占主线程,LCP 仍可能超标。官方也强调,TTFB 不是 Core Web Vitals 指标,不必强求达到"好"的阈值,只要它不阻碍更重要的指标达标即可。排查交互卡顿(INP)又是另一条线,可参考询盘表单点了没反应:沿着 INP 拆开主线程延迟。把 TTFB、资源加载和渲染分开看,才不会"只优化了一半",LCP 的分环节排查可参考WordPress 站点 LCP 偏高:三个环节分别怎么查。
参考来源
- web.dev:Time to First Byte (TTFB)(TTFB 的阶段组成、0.8s/1.8s 参考阈值与 75 分位、不是 Core Web Vitals 指标、Early Hints 对测量口径的影响、降低连接建立与后端延迟)。
TTFB 偏高有时是服务器,有时是网络,有时只是重定向,光算的谷歌 SEO 服务会结合真实访问地区与页面类型,先定位瓶颈段落,再决定用 CDN、缓存还是清理跳转。