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）！