该案例的解读:
- 黄色的tips中,每一行都包含两个数字,前面的表示该阶段发起时在该请求中的时间点,第二个是该阶段花掉的时间,比如,图中,前三行花掉的时间都是0,所以,waiting阶段,左边的数字就是0,而右边是自己花掉的时间409ms,那么在下一个阶段,左边的时间就是前面的时间的和——409ms。
- 在这个请求开始后6.87s时,DOMContentLoaded事件完成。
- 在这个请求开始后8.43s,load事件完成。
深入了解:
从这个截图,我们可以看到以下信息:
- 第一个请求在2.65s时完成,第二个在1.52s…等
- 从第一个请求到最有一个请求,花掉了共6.96秒时间
- 从第一个请求到load事件完成,花掉了6.97秒钟的时间
插图版解释:
因为DOMContentLoaded和load事件花掉的时间可能是负值,也就是在事件在请求完成之前就完成了,两者都可能是负值,而通常最后一个请求完成于load事件结束之后,所以,通常右下角onload的时间会比总时间少。
然后或许从最后这里能找到一些页面优化的点,希望高人能给予指点。
原文:http://www.qianduan.net/detailed-firebug-net-panel.html
本文链接:http://www.blueidea.com/tech/web/2011/8408.asp
出处:前端观察
责任编辑:bluehearts
上一页 firebug net面板详解 [2] 下一页
◎进入论坛网页制作、WEB标准化版块参加讨论,我还想发表评论。
|