Waterfall 分析

当需要调试网页或分析网站性能时，我们往往会F12打开浏览器控制台，查看网络请求，看网页加载了哪些资源，以及对应的请求方式（Method）、状态码（Status）、资源类型（Type）、大小（Size）、耗费的时间（Time）等。

如果某个资源耗费的时间比较长，我们需要深入分析时，则需要看另一个项目：瀑布流（Waterfall），在Waterfall中我们可以看出时间具体花在了哪些部分。

【进入队列时间 Queued at】
浏览器将资源放入队列时间，在多久后开始进入处理队列

【开始时间 Started at】
浏览器开始处理资源的时间，在多久后开始处理该资源

【资源调度-正在排队-Queueing】
浏览器开始处理并资源放入队列等待时间，再次期间可能，遇到更高优先级的请求或请求并发超过6了，需要等待

【开始连接-已停止 Stalled】
因放入队列时间而发生的停滞时间。

【代理协商-Proxy negotiation】
与代理服务器协商时间。

【请求响应 已发送请求 Request sent】
请求发送的时间。

【等待中 Waiting (TTFB)】
等待服务端返回数据的时间，这个时间受制于服务端处理性能。

【下载内容 Content Download】
浏览器下载资源的时间，这个时间受制于文件大小和带宽。