Network面板的Waterfall（瀑布流）视图

Network面板的Waterfall（瀑布流）视图

如果你的面板中没有，需要你手动勾选一下，如下：

下面介绍一下这个waterfall面板中每个节点的意思：

在谷歌浏览器的调试控制台中，Network面板的Waterfall（瀑布流）视图展示了页面加载过程中各个资源请求的时间线和相关信息。Waterfall图中的每个节点代表了一次网络请求的不同阶段，这些阶段共同构成了请求的总耗时。以下是Waterfall图中各个节点代表的具体意思：

1. DNS Lookup（DNS查询）：

   • 此阶段表示浏览器正在将请求的域名解析为对应的IP地址。如果DNS解析时间过长，可能是因为DNS服务器响应慢或者域名解析设置有问题。

2. Initial connection/TCP Handshake（初始化连接/TCP握手）：

   • 在DNS解析完成后，浏览器会尝试与服务器建立TCP连接。TCP握手