Meggin Kearney
Flavio Copes
タイムライン イベント モードでは、記録中にトリガーされたすべてのイベントが表示されます。各タイムライン イベントの種類について詳しくは、タイムライン イベント リファレンスをご覧ください。
一般的なタイムライン イベントのプロパティ
すべてのタイプのイベントに表示される詳細情報もあれば、特定のイベントタイプにのみ適用される詳細情報もあります。 このセクションでは、さまざまなイベントタイプに共通するプロパティについて説明します。特定のイベントタイプに固有のプロパティは、この後のイベントタイプのリファレンスに記載されています。
| プロパティ | 表示されるタイミング |
|---|---|
| 集計時間 | ネストされたイベントのイベントの場合、イベントの各カテゴリにかかった時間。 |
| コールスタック | 子イベントを伴うイベントの場合、イベントの各カテゴリにかかった時間。 |
| CPU 時間 | 録画されたアクティビティにかかった CPU 時間。 |
| 詳細 | イベントに関するその他の詳細。 |
| 期間（タイムスタンプ時） | すべての子とともにイベントが完了するまでにかかった時間。タイムスタンプは、録画の開始日時を基準として、イベントが発生した時刻です。 |
| セルフタイム | 子が存在しない場合のイベントの実行時間。 |
| 使用ヒープサイズ | イベントが記録されたときにアプリケーションによって使用されていたメモリの量と、前回のサンプリング以降の使用ヒープサイズの差（+/-）です。 |
イベントを読み込んでいます
このセクションでは、読み込みカテゴリに属するイベントとそのプロパティを一覧表示します。
| イベント | 説明 |
|---|---|
| HTML の解析 | Chrome は HTML 解析アルゴリズムを実行しました。 |
| 読み込みの終了 | ネットワーク リクエストが完了しました。 |
| データの受信 | リクエストのデータを受信しました。受信データイベントが 1 つ以上発生します。 |
| レスポンスの受信 | リクエストからの最初の HTTP レスポンス。 |
| リクエストを送信 | ネットワーク リクエストが送信されました。 |
イベントのプロパティを読み込んでいます
| プロパティ | 説明 |
|---|---|
| リソース | リクエストされたリソースの URL。 |
| プレビュー | リクエストされたリソースのプレビュー（画像のみ）。 |
| リクエスト メソッド | リクエストに使用された HTTP メソッド（GET や POST など）。 |
| Status Code | HTTP レスポンス コード。 |
| MIME タイプ | リクエストされたリソースの MIME タイプ。 |
| エンコードされたデータ長 | リクエストされたリソースの長さ（バイト単位）。 |
スクリプト イベント
このセクションでは、スクリプト カテゴリに属するイベントとそのプロパティについて説明します。
| イベント | 説明 |
|---|---|
| アニメーション フレームの呼び出し | スケジュール設定されたアニメーション フレームが起動し、そのコールバック ハンドラが呼び出された。 |
| アニメーション フレームをキャンセル | スケジュール設定したアニメーション フレームがキャンセルされました。 |
| GC イベント | ガベージ コレクションが発生しました。 |
| DOMContentLoaded | DOMContentLoaded がブラウザによって呼び出された。このイベントは、ページの DOM コンテンツがすべて読み込まれ、解析されると発生します。 |
| スクリプトの評価 | スクリプトが評価された。 |
| イベント | JavaScript イベント（「マウスダウン」や「キー」など）。 |
| 関数呼び出し | トップレベルの JavaScript 関数が呼び出された（ブラウザが JavaScript エンジンに入った場合にのみ表示される）。 |
| タイマーのインストール | setInterval() または setTimeout() でタイマーが作成された |
| アニメーション フレームをリクエストする | requestAnimationFrame() 呼び出しで新しいフレームがスケジュールされました |
| タイマーの削除 | 以前に作成したタイマーがクリアされました。 |
| 時刻 | console.time() というスクリプト |
| 終了時間 | console.timeEnd() というスクリプト |
| タイマーの呼び出し | setInterval() または setTimeout() でスケジュール設定されたタイマーが発生しました。 |
| XHR 準備完了状態の変更 | XMLHTTPRequest の準備状態が変更されました。 |
| XHR 読み込み | XMLHTTPRequest の読み込みが完了しました。 |
スクリプト イベントのプロパティ
| プロパティ | 説明 |
|---|---|
| タイマー ID | タイマー ID。 |
| タイムアウト | タイマーで指定されたタイムアウト。 |
| 繰り返し | タイマーを繰り返すかどうかを指定するブール値。 |
| 関数呼び出し | 呼び出された関数。 |
レンダリング イベント
このセクションでは、レンダリング カテゴリに属するイベントとそのプロパティについて説明します。
| イベント | 説明 |
|---|---|
| レイアウトの無効化 | ページ レイアウトは DOM の変更により無効になりました。 |
| レイアウト | ページ レイアウトが実行されました。 |
| スタイルの再計算 | Chrome で要素のスタイルが再計算されました。 |
| スクロール | ネストされたビューのコンテンツがスクロールされました。 |
レンダリング イベントのプロパティ
| プロパティ | 説明 |
|---|---|
| レイアウトを無効にしました | レイアウト レコードの場合、レイアウトが無効になる原因となったコードのスタック トレース。 |
| レイアウトが必要なノード | レイアウト レコードの場合、再レイアウトが開始される前にレイアウトが必要とマークされたノードの数。これらは通常、デベロッパー コードによって無効化されたノードと、再レイアウト ルートまでの上方のパスです。 |
| レイアウト ツリーのサイズ | レイアウト レコードの場合、再レイアウト ルート（Chrome が再レイアウトを開始するノード）の下にあるノードの合計数。 |
| レイアウト スコープ | 有効な値は「Partial」（再レイアウト境界は DOM の一部）または「Whole document」です。 |
| 影響を受ける要素 | スタイル レコードを再計算する場合、スタイルの再計算によって影響を受ける要素の数です。 |
| スタイルが無効です | [スタイル レコードを再計算] には、スタイルの無効化の原因となったコードのスタック トレースが表示されます。 |
ペイント イベント
このセクションでは、絵画カテゴリに属するイベントとそのプロパティを一覧表示します。
| イベント | 説明 |
|---|---|
| レイヤの合成 | Chrome のレンダリング エンジンによる画像レイヤの合成。 |
| 画像のデコード | 画像リソースがデコードされました。 |
| 画像のサイズ変更 | 画像がネイティブのサイズからサイズが変更されました。 |
| Paint | 合成レイヤがディスプレイの領域にペイントされました。Paint レコードにカーソルを合わせると、更新されたディスプレイの領域がハイライト表示されます。 |
ペイント イベントのプロパティ
| プロパティ | 説明 |
|---|---|
| ロケーション | ペイント イベントの場合、ペイントする長方形の x 座標と y 座標。 |
| ディメンション | ペイント イベントの場合、ペイントされる領域の高さと幅。 |