Performance 萤火虫网面板-“;“自开始请求开始时间”;

Performance 萤火虫网面板-“;“自开始请求开始时间”;,performance,web-applications,firebug,yslow,Performance,Web Applications,Firebug,Yslow,我正在分析目前在本地主机上运行的web应用程序的性能。为此,我使用Firebug网络面板。我看到了简对网络小组时间表的精彩解释-。我还考虑了YSlow的建议,让组件更快地加载到页面中,并且文件大小更小。但这仍然需要相当多的时间 在上图中,工具提示显示第二个请求在第一个请求后171-15=156毫秒启动 +自开始以来的171ms请求开始时间 为什么这么晚才发送请求?浏览器设置有问题吗?据我所知,Firefox可以同时处理6个请求——为什么它不在第2、第3、第4个请求中处理第5和第6个请求呢?我能

我正在分析目前在本地主机上运行的web应用程序的性能。为此,我使用Firebug网络面板。我看到了简对网络小组时间表的精彩解释-。我还考虑了YSlow的建议,让组件更快地加载到页面中,并且文件大小更小。但这仍然需要相当多的时间

在上图中,工具提示显示第二个请求在第一个请求后171-15=156毫秒启动

+自开始以来的171ms请求开始时间

为什么这么晚才发送请求?浏览器设置有问题吗?据我所知,Firefox可以同时处理6个请求——为什么它不在第2、第3、第4个请求中处理第5和第6个请求呢?我能做些什么来改进这一点,以便更早地处理请求吗

谢谢

规格:

Firefox:6.0.2
萤火虫:1.8.3
服务器:localhost

第一个请求:HTML文件
第二个请求:CSS文件
第三个请求:JS文件
第四个请求:JS文件
第五次请求:GIF文件
第六个请求:PNG文件
第七个请求:PNG文件
第八个请求:JS文件
第9个请求:PNG文件
第十个请求:JSON文件

第11个请求:PNG文件

请求3和请求4是javascript,默认情况下,javascript会在下载、解析和执行UI线程时阻止它

请阅读@souders的这篇文章,这篇文章的解释更为深入(http://www.stevesouders.com/blog/2010/12/06/evolution-of-script-loading/)


您可以尝试将async或defer属性添加到脚本标记中,但它们只适用于某些浏览器。另一种选择是将js移动到页面底部,或者像Google Analytics那样异步加载它。

在本例中,第二个请求似乎是针对CSS的,并且也会延迟。这与js的处理类似吗?