网络面板中谷歌浏览器时间线中的时间是什么意思？

Question

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

有人可以验证我是否正确理解这些内容：

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

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

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

Answer 1

阻塞：请求用于等待已建立的连接变为可重复使用的时间。 正如在 另一个答案它不依赖于您的服务器 - 这是客户端的 问题。

我不同意上面的说法。其他一切都相同[我的机器工作量] - 我的浏览器显示一个网站的“阻塞”时间非常少，而其他网站的阻塞时间很长。

所以如果等待六个线程中的一个+代理协商**高，这主要是因为服务器速度慢的级联效应或者页面设计不好[通过网络发送太多，太多次].

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

Answer 2

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

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

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

Answer 3

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

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

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

Blocking 是 UI 线程开始请求和 HTTP GET 请求进入网络之间的时间量。

它们出现的顺序是：

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

*阻塞和 DNS 查找可能会互换。

网络选项卡不显示处理时间。

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

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

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

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