FireBug瀑布图中的差距

Question

在我的Web应用程序上测试各种网页的性能时,我注意到firebug中的网络选项卡(瀑布图)存在一些空白.在某些情况下,这些可能占用整个请求的一半时间.

通常会导致这些差距的原因是什么？

Answer 1

曾在Firebug工作过的Jan Odvarko在这里解释说:

http://www.softwareishard.com/blog/firebug/firebug-net-panel-timings/

他提到评论#18中的差距:

"这些间隙代表没有请求发生的时间,这可能是由于页面上的javascript执行,阻止了页面下载或页面呈现,CSS解析等."

Answer 2

发生这种情况的主要原因是脚本和CSS文件加载的文件.

• 例如:CSS,背景图像将不会开始加载,直到链接到它们的CSS文件加载后的一小段延迟.

• 许多JS库还加载图像,CSS和/或其他文件.在加载调用JS之前,这些加载不会启动,加上一小段处理延迟.

• 库或内联JS也可以在DOMContentLoaded事件(紫色线)或load事件(红线)处启动负载.

• 最后,显然,JS可以执行任何延迟/间隔后触发的AJAX.