左小白的技术日常
Github

Chrome DevTools Network Waterfall 瀑布图各阶段详解

这篇文章发布于 2020/11/23,归类于
标签:
chrome瀑布图Timming时序图

在 Chrome 调试工具 Network tab 下,每个请求都有一个 Waterfal diagrams(瀑布图),点击具体接口,Timming(时序)位置会有具体描述。它记录了网络请求各个阶段的耗时,可以用于分析页面加载性能。

waterfall-hover.png

Timing breakdown phases explained(时序分解阶段明细)

Here's more information about each of the phases you may see in the Timing tab:(下面是在Timing标签页中能看到的各个阶段的更多信息)

1. Resource Scheduling(资源调度)

2. Connecttion Start(连接开始)

3. Request/Response(请求/响应)

参考资料及扩展: