TTFB(Time To First Byte)即“首字节到达时间”,是指浏览器发送请求到服务器返回第一个字节所经历的时间。它主要衡量服务器响应的速度,是前端性能优化中的一个重要指标。

TTFB包含的阶段

  1. DNS解析时间
  2. TCP连接时间
  3. SSL握手时间(如果为HTTPS
  4. 服务端处理请求的时间
  5. 第一个字节被发送到客户端

如何查看TTFB数值?

在主流浏览器(如 Chrome)中,可以这样操作:

  1. 打开网页
  2. F12 打开开发者工具(DevTools)
  3. 切换到 Network(网络) 面板
  4. 选择一条请求(通常是文档请求,例如 index.html 或主页面请求)
  5. 在右侧 HeadersTiming 选项卡,查看 TTFB(Waiting) 时间

具体步骤如下:

  • 在请求列表中点击某个请求;
  • 选择 Timing 选项;
  • 查看 Waiting (for server response)TTFB
  • 该数值就是 TTFB,单位是毫秒(ms)。

其他工具

  • 在线测速:如 WebPageTest、Google PageSpeed Insights
  • 命令行:curl -w "%{time_starttransfer}\n" -o /dev/null -s http://example.com

总结

TTFB 越低,说明服务器响应越快。一般 TTFB 在 200ms 内是优秀的,超过 500ms 则需要排查服务器和后端性能。