分解HTTP资源益处
一个web页面可能有很多个HTTP请求。而每个HTTP请求可能又可以分解为多个片段,从时间构成种类上来说可以分为类似DNS解析时间,TCP握手时间,发送HTTP请求时间等等。所以分解HTTP资源的好处就是找到HTTP请求哪里可能是性能瓶颈,更便于去追踪根本原因。

Chrome浏览器打开资源瀑布
这里就用当下比较流行的Chrome浏览器先获取资源瀑布分布。案例就用打开一篇51CTO博客:https://blog.51cto.com/summerstone/4797281

其资源分布图如下,附上打开资源分布图的步骤:

在web页面上,点击右键选择"inspect"
点击"Network"页面
打开左上端的圆形录制按钮

 

从上图可以看到,有这样的瀑布分布有这样的分布情况。

分析具体HTTP请求情况

其中对于以上的分解,可以解释一下:

Queueing time是指请求排队的时间,TCP连接处理是有一定的限制的,达到一定的数量就会有排队进行数据包发送
Stalled. 这个时间的消耗如果过长,一般是由于丢包造成的。因为丢包之后就要重新发送。而重新发送到服务器端正确接收到消息之后,这期间到时间就是stalled时间。至于为什么会有丢包,可能是因为网络状态不稳定或者服务器端有问题造成的。
Request sent是指请求发送的时间,和网络或者带宽有关系。
Waiting(TTFB),可以简单理解服务器处理的时间。
Content Download,这个时间可以理解为当服务器端返回后,客户端下载内容的时间。