天明：创建页面，内容为“TTFB（Time To First Byte）即“首字节到达时间”，是指浏览器发送请求到服务器返回第一个字节所经历的时间。它主要衡量服务器响应的速度，是前端性能优化中的一个重要指标。 ==== TTFB包含的阶段 ==== # '''DNS解析时间''' # '''TCP连接时间''' # '''SSL握手时间'''（如果为HTTPS） # '''服务端处理请求的时间''' # '''第一个字节被发送到客户端'''…”

2026-02-13T08:03:07Z

创建页面，内容为“TTFB（Time To First Byte）即“首字节到达时间”，是指浏览器发送请求到服务器返回第一个字节所经历的时间。它主要衡量服务器响应的速度，是前端性能优化中的一个重要指标。 ==== TTFB包含的阶段 ==== # '''DNS解析时间''' # '''TCP连接时间''' # '''SSL握手时间'''（如果为HTTPS） # '''服务端处理请求的时间''' # '''第一个字节被发送到客户端'''…”

新页面

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

==== TTFB包含的阶段 ====

# '''[[DNS]]解析时间'''
# '''[[TCP]]连接时间'''
# '''[[SSL]]握手时间'''（如果为[[HTTPS]]）
# '''服务端处理请求的时间'''
# '''第一个字节被发送到客户端'''

==== 如何查看TTFB数值？ ====
在主流浏览器（如 [[Chrome]]）中，可以这样操作：

# '''打开网页'''
# 按 <code>F12</code> 打开开发者工具（DevTools）
# 切换到 '''Network（网络）''' 面板
# 选择一条请求（通常是文档请求，例如 <code>index.html</code> 或主页面请求）
# 在右侧 '''Headers''' 或 '''Timing''' 选项卡，查看 '''TTFB（Waiting）''' 时间

具体步骤如下：

* 在请求列表中点击某个请求；
* 选择 '''Timing''' 选项；
* 查看 '''Waiting (for server response)''' 或 '''TTFB'''；
* 该数值就是 TTFB，单位是毫秒（ms）。

==== 其他工具 ====

* 在线测速：如 WebPageTest、[[PageSpeed Insights|Google PageSpeed Insights]]
* 命令行：<code>curl -w "%{time_starttransfer}\n" -o /dev/null -s <nowiki>http://example.com</nowiki></code>

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

TTFB - 版本历史