關於螢火蟲網面板的兩個問題

Question

有人能告訴我關於螢火蟲網面板的兩件事情嗎？

1. 爲什麼第一行和下一行之間有「距離」？那裏發生了什麼？
2. 右側藍色和紅色線的確切含義是什麼？

任何幫助，非常感謝 - 感謝很多提前...

alt text http://www.walkner.biz/_temp/firebug.png

Answer 1

，但我的問題是，爲什麼第二項 沒有加載到那時......應該不是 立即開始？ - swalkner

在我的機器上，它幾乎是連續的。我會對處理和渲染數據所需的cpu時間做出貢獻。

我猜藍線是當瀏覽器開始顯示，紅線是佈局完成時。

Answer 2

從最左邊到最右邊是總負荷的經驗（1.03s）的時間。

第二項「？」在整個加載過程中直到約75％纔開始加載。

Answer 3

當JavaScript事件（DOMContentLoaded和load）被觸發時，藍色和紅色線條標記。

mozdev-文檔DOMContentLoaded and load：

當一個文檔的DOM內容完成加載，但不同於「負荷」 Window對象上觸發，不會等到所有圖像加載。