Network面板的Waterfall(瀑布流)视图
Network面板的Waterfall(瀑布流)视图
如果你的面板中没有,需要你手动勾选一下,如下:
下面介绍一下这个waterfall面板中每个节点的意思:
在谷歌浏览器的调试控制台中,Network面板的Waterfall(瀑布流)视图展示了页面加载过程中各个资源请求的时间线和相关信息。Waterfall图中的每个节点代表了一次网络请求的不同阶段,这些阶段共同构成了请求的总耗时。以下是Waterfall图中各个节点代表的具体意思:
-
DNS Lookup(DNS查询):
- 此阶段表示浏览器正在将请求的域名解析为对应的IP地址。如果DNS解析时间过长,可能是因为DNS服务器响应慢或者域名解析设置有问题。
-
Initial connection/TCP Handshake(初始化连接/TCP握手):
- 在DNS解析完成后,浏览器会尝试与服务器建立TCP连接。TCP握手是建立连接的过程,包括三次报文交换。HTTPS请求还会包括SSL/TLS握手时间,用于建立安全连接。
-
SSL/TLS Negotiation(SSL/TLS协商)(仅HTTPS请求):
- 对于HTTPS请求,浏览器和服务器在TCP连接建立后,还需要进行SSL/TLS协议协商,以确保数据传输的安全性。
-
Request sent(发送请求):
- 浏览器将HTTP请求发送到服务器。这个阶段的耗时通常很短,除非请求体非常大或者网络状况不佳。
-
Waiting (TTFB - Time To First Byte)(等待时间 - 首字节时间):
- 这个阶段表示浏览器正在等待服务器响应的第一个字节。TTFB时间包括了网络延迟和服务器处理请求的时间。TTFB长通常意味着服务器响应慢或者网络延迟高。
-
Content Download(内容下载):
- 一旦浏览器收到响应的第一个字节,就会开始下载响应的内容。这个阶段的耗时取决于响应内容的大小和网络速度。
-
Queueing(排队):
- 这个阶段表示请求在浏览器队列中等待的时间。这可能是因为浏览器限制了并发请求的数量(如HTTP/1.1中同一域名下同时只能有6个TCP连接),或者因为存在更高优先级的请求。
-
Stalled(停滞):
- 这个阶段表示请求被暂停的时间。这可能是由于浏览器等待某个资源(如脚本执行完毕)或网络连接限制等原因造成的。
-
其他可能阶段:
- 根据不同的情况,Waterfall图中还可能显示其他阶段,如Proxy negotiation(代理协商)、Redirect(重定向)等。
需要注意的是,Waterfall图中的每个节点颜色可能因浏览器版本和设置而异,但上述阶段和含义是普遍适用的。通过分析Waterfall图,开发者可以定位页面加载过程中的性能瓶颈,并采取相应的优化措施。例如,如果DNS解析时间过长,可以考虑优化DNS设置或更换DNS服务器;如果TTFB时间长,可能需要优化服务器性能或网络配置。
原文地址:https://blog.csdn.net/jieyucx/article/details/142523020
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!