TTFB（Time-To-First-Byte）计算由什么组成，以及如何查看各个组件的时序？答案

【问题标题】：What makes up the TTFB (Time-To-First-Byte) calculation, and how to see individual component timings?TTFB（Time-To-First-Byte）计算由什么组成，以及如何查看各个组件的时序？
【发布时间】：2018-10-11 20:46:53
【问题描述】：

我看到 chrome 开发工具中针对网络请求报告的 Time-To-First-Byte 数字很高。我想改进它，但我不确定请求过程的哪一部分导致速度变慢。

一些消息来源将此衡量标准称为“DNS、SSL、连接、发送、接收、等待”。 TTFB的权威定义是什么，如何准确衡量？

【问题讨论】：

使用 Wireshark 捕获流量并进行分析。

标签： performance networking time-to-first-byte

【解决方案1】：

使用 Wireshark 作为分析工具来获取请求的详细信息。

关闭所有浏览器窗口
启动 wireshark 并设置为在您的网卡上捕获，无论是有线还是无线。
在 Bash 控制台上，准备好使用 w3m 等文本浏览器访问 https://www.eff.org/

w3m https://www.eff.org/
开始抓包
在控制台敲回车，一旦页面加载完毕，停止抓包。
在wireshark，应用此过滤器以获取重要事件

DNS || ssl.handshake.type == 1 || ssl.handshake.type == 14 || ssl.handshake.type == 4 || ssl.record.content_type == 22 || ssl.record.content_type == 23

结果：

分析

DNS：数据包 6 的时间
TCP 握手：数据包 10 和 6 之间的区别
TLSv1.2 握手：数据包 23 和 10 之间的差异
发送：数据包 23 和 24 之间的差异（？不确定）
TTFB：数据包 27 的时间

浏览器认为的等待时间是指请求在得到服务之前在请求队列中等待的时间。

参考资料：

http://www.thevisiblenetwork.com/2015/01/21/calculate-http-response-time-in-wireshark/ http://blog.catchpoint.com/2017/05/12/dissecting-tls-using-wireshark/

【讨论】：