performance - Firebug中关于网络面板的两个问题

Question

有人能告诉我关于萤火虫网络面板的两件事吗？

1. 为什么第一行和后面的行之间有“距离”？那里发生了什么？
2. 右侧的蓝线和红线的确切含义是什么？

任何帮助都非常感谢 - 提前非常感谢......

替代文字 http://www.walkner.biz/_temp/firebug.png

Answer 1

蓝线和红线标记了 javascript 事件（DOMContentLoaded 和 load）何时被触发。

DOMContentLoaded 和 load的 mozdev 文档：

当文档的 DOM 内容完成加载时在 Window 对象上触发，但与“加载”不同，它不会等到所有图像都加载完毕。

Answer 2

但我的问题是为什么第二个项目直到那时才加载......它不应该立即开始吗？– 斯沃克纳

在我的机器上，它几乎是连续的。我会将延迟贡献给处理和呈现数据所需的 CPU 时间。

我猜蓝线是浏览器开始显示时，红线是布局完成时。

Answer 3

从最左边到最右边是总加载体验的时间（1.03s）。

第二项“？” 直到整个加载过程大约 75% 才开始加载。