Google Chrome在网络面板中的时间轴中的时间意味着什么？

Question

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

有人可以证实我理解这些：

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

现在有人会如何修复长时间的阻止？

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

Answer 1

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

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

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

Blocking是启动请求的UI线程与进入线路的HTTP GET请求之间的时间量。

这些发生的顺序是：

1. 阻断*
2. DNS查询
3. 连接
4. 发送
5. 等待
6. 接收

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

网络标签不指示处理时间。

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

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

• 请求需要很长时间才能处理（例如，如果从数据库中提取大量数据，需要对大量数据进行排序，或者需要在需要启动的HDD上找到文件）。
• 您的服务器在合理的时间内收到太多处理所有请求的请求（处理请求可能需要.02秒，但是当您有1000个请求时，会有明显的延迟）。

两个问题（长时间等待+长时间阻止）是相关的。如果您可以通过缓存，添加新服务器以及减少活动页面所需的工作来减少服务器上的工作负载，那么您应该看到这两个方面都有所改进。

Answer 2

您可以在此处阅读Google团队的详细official explanation。这是一个非常有用的资源，您的信息位于时间轴视图部分下。

Resource network timing显示与时间线视图中资源栏中相同的信息。回答你的问题：

• DNS查找：执行DNS查找所花费的时间。 （你需要找到site.com的IP地址，这需要时间）
• 阻止：等待已建立连接的请求可用于重新使用的时间。正如在另一个答案中所说，它不依赖于您的服务器 - 这是客户的问题。
• 连接：建立连接所需的时间，包括TCP握手/重试，DNS查找以及连接到代理或协商安全套接字层（SSL）的时间。取决于网络拥塞。
• 发送 - 发送请求所花费的时间。取决于发送数据的大小（由于您的请求几乎总是几个字节，除非您提交大图像或大量文本），网络拥塞，客户端与服务器的距离
• 等待 - 等待初始响应所花费的时间。这主要是服务器处理和响应您的响应的时间。如果您的服务器计算内容，从数据库中提取记录等，这是多快。
• 接收 - 接收响应数据所花费的时间。类似于发送的东西，但现在您从服务器获取数据（响应大小通常大于请求）。所以它还取决于尺寸，连接质量等。

Answer 3

  

阻止：等待已建立连接的请求可用于重新使用的时间。 正如所说的那样   另一个答案它不依赖于你的服务器 - 这是客户端的   问题

我不同意上述声明。所有其他相同的[我的机器工作负载] - 我的浏览器显示一个网站的“阻塞”时间非常短，而其他网站的阻止时间很长。

因此，如果等待六个线程中的一个+代理协商**很高，那主要是因为服务器的缓慢或页面设计不良的级联效应[太多被线路发送，太多次]

** - 无论“代理协商”是什么意思！，没有人能够很好地解释这一点，特别是在没有实际涉及本地/ CDN代理的情况下