Timeline面板

Timeline面板是整個面板里面最復雜的一個面板，涉及的東西比較多?？梢岳眠@個面板來記錄和分析網(wǎng)頁運行過程中的所有活動行為信息。
你可以充分利用這個面板來分析你的網(wǎng)頁的程序性能問題。

概述

下圖是從Google官方網(wǎng)站中介紹Timeline面板的圖貼到這里，該面板主要包括4大塊窗格(Pane)：

  1. Controls 錄制開關和控制錄制過程中需要記錄哪些信息。
  2. Overview 網(wǎng)頁性能的概要信息。
  3. Flame Chart CPU堆棧軌跡的可視化圖表(火焰圖)。在圖表里面有1到3條虛豎線。
  4. Details 當選擇一個指定的事件后，會顯示這個事件的更多信息；當沒有選擇事件時，會顯示指定的時間幀信息。

Flame Chart里面的虛豎線含義：藍色標記DOMContentLoaded事件；綠色標記第一次的繪制時間點；紅色代表load事件。