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

Question

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

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

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

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

现在,有人会如何修复漫长的等待时间？

Answer 1

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

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

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

阻塞是启动请求的UI线程和进入线路的HTTP GET请求之间的时间量.

这些发生的顺序是:

1. 阻断*
2. DNS查找
3. 连
4. 发出
5. 等候
6. 接收

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

网络选项卡不指示处理时间.

如果您有很长的阻塞时间,那么运行浏览器的计算机运行缓慢.您可以通过升级机器(更多RAM,更快的处理器等)或减少其工作量(关闭您不需要的服务,关闭程序等)来解决此问题.

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

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

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

Answer 2

您可以在此处阅读Google团队的详细官方说明.这是一个非常有用的资源,您的信息在时间轴视图部分下.

资源网络时序显示与时间线视图中资源栏中相同的信息.回答你的问题:

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