performance - Google Chrome 网络面板中的时间线中的时间是什么意思？

Question

在使用 Google Chrome 网络面板对性能进行故障排除时，我经常会看到不同的时间，并且经常想知道它们的含义。

有人可以验证我是否正确理解这些:

1. 阻塞:浏览器对同一个域的多次请求限制所阻塞的时间(？？？)
2. 等待:WAITING来自服务器的连接 (???)
3. 发送:将文件从服务器传输到浏览器所花费的时间 (???)
4. 接收:浏览器分析和解码文件所花费的时间 (？？？)
5. DNS 查找:解析主机名所花费的时间。
6. 连接:建立套接字连接所花费的时间。

现在有人会如何解决较长的阻塞时间？

现在有人会如何解决长时间等待的问题？

Answer 1

发送是将数据/请求上传到服务器所花费的时间。它发生在阻塞和等待之间。例如，如果我回发一个 ASPX 页面，这将指示将请求(包括表单值和 session 状态)上传回 ASP 服务器所花费的时间。

等待是指发送请求之后、收到服务器响应之前的时间。基本上这是等待服务器响应所花费的时间。

接收是从服务器下载响应所花费的时间。

Blocking是 UI 线程启动请求和 HTTP GET 请求到达线路之间的时间量。

这些发生的顺序是:

1. 阻止*
2. DNS 查找
3. 正在连接
4. 正在发送
5. 等待
6. 接收

*阻止和 DNS 查找可能会交换。

网络选项卡不指示处理所花费的时间。

如果阻塞时间较长，则运行浏览器的计算机运行缓慢。您可以通过升级机器(更多 RAM、更快的处理器等)或减少其工作负载(关闭不需要的服务、关闭程序等)来解决此问题。

等待时间过长表明您的服务器需要很长时间才能响应请求。这意味着:

• 该请求需要很长时间才能处理(例如，如果您从数据库中提取大量数据，需要对大量数据进行排序，或者必须在需要旋转的 HDD 上找到文件) )。
• 您的服务器收到的请求过多，无法在合理的时间内处理所有请求(处理一个请求可能需要 0.02 秒，但当您收到 1000 个请求时，将会出现明显的延迟)。

这两个问题(长时间等待+长时间阻塞)是相关的。如果您可以通过缓存、添加新服务器和减少事件页面所需的工作来减少服务器的工作负载，那么您应该会看到这两个方面的改进。