firebug - FireBug瀑布图中的差距

Question

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

通常是什么原因导致这些差距？如何消除这些差距？

Answer 1

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

例如:CSS，直到链接到它们的CSS文件加载一小段延迟后，背景图像才会开始加载。

许多JS库也加载图像，CSS和/或其他文件。在加载调用JS之前，这些加载不会开始，再加上小的处理延迟。

库或嵌入式JS也可能在DOMContentLoaded事件(紫色线)或load事件(红线)时触发负载。

最后，显然，JS可以执行在任何形式的延迟/间隔后触发的AJAX。