簡單介紹：
時間為橫向說明的使用方法：
Timeline面板概述
Timeline(時間軸)面板包含四個窗格：

Controls： 開始錄製，停止錄製，並配置在錄製過程中捕獲的資訊。
Overview： 頁面效能的高階摘要。 更多關於這一點見文章下面。
Flame Chart： CPU 棧跟蹤的視覺化。
你可能會在你的火焰圖表看到一到三個點和垂直線。 藍線代表DOMContentLoaded事件。 綠線表示第一次繪製的時間。 紅線代表load事件。
Details： 選擇事件時，此窗格顯示有關該事件的更多資訊。 當未選擇任何事件時，此窗格顯示有關所選時間範圍的資訊。
時間軸面板註釋

FPS： 每秒幀數。綠色條越高，FPS越高。FPS曲線圖上方的紅色塊表示長幀，這可能是jank的候選。
CPU： CPU資源。此區域圖表指示哪些型別的事件消耗CPU資源。
NET：每個彩色條代表一個資源。條越長，表示檢索該資源所花費的時間越長。每個條的較亮部分表示等待時間（從請求資源到下載第一個位元組之間的時間）。較暗的部分表示載入時間（下載第一個到最後一個位元組之間的時間）。
彩色條代表的含義如下：

HTML檔案是 blue (藍色) 的。
指令碼是 yellow (黃色) 的。
樣式表是 purple (紫色) 的。
媒體檔案是 green (綠色) 的。
其他雜項資源是 grey (灰色) 的。