パフォーマンス ツールの [メイン] セクションには、記録中にトリガーされたすべてのイベントが表示されます。 各イベントの種類を次に示します。
すべてのイベントに共通のプロパティ
次のプロパティは、 パフォーマンス ツールの Main セクションのすべてのイベントの種類に共通です。 特定のイベントの種類に固有のその他のプロパティについては、以下の以降のセクションで説明します。
| プロパティ | いつ表示されるか |
|---|---|
| 集計時間 | 入れ子になったイベントを含むイベントの場合、イベントの各カテゴリにかかった時間。 |
| 呼び出し履歴 | 子イベントを含むイベントの場合、イベントの各カテゴリにかかった時間。 |
| CPU 時間 | 記録されたイベントにかかった CPU 時間。 |
| 詳細 | イベントに関するその他の詳細。 |
| 期間 (タイムスタンプ時) | すべての子供たちとイベントが完了するまでにどれくらいの時間がかかりましたか。timestamp は、記録が開始されたときを基準にして、イベントが発生した時刻です。 |
| 自己時間 | イベントに子供がいなくてもどれくらいの時間がかかりましたか。 |
| 使用されるヒープ サイズ | イベントが記録されたときにアプリケーションによって使用されるメモリの量、および最後のサンプリング以降の使用ヒープ サイズの差分 (+/-) の変化。 |
イベントの読み込み
次のイベントは 、[読み込み] カテゴリにあります。
| イベント | 説明 |
|---|---|
| HTML の解析 | Microsoft Edge では、HTML 解析アルゴリズムが実行されました。 |
| 読み込みを完了する | ネットワーク要求が完了しました。 |
| データの受信 | 要求のデータが受信されました。 1 つ以上の Receive Data イベントがあります。 |
| 応答の受信 | 要求からの最初の HTTP 応答。 |
| 要求の送信 | ネットワーク要求が送信されました。 |
イベントの読み込みに関するその他のプロパティ
| プロパティ | 説明 |
|---|---|
| リソース | 要求されたリソースの URL。 |
| Preview | 要求されたリソースのプレビュー (イメージのみ)。 |
| Request メソッド | 要求に使用される HTTP メソッド (GET や POSTなど)。 |
| 状態コード | HTTP 応答コード。 |
| MIME タイプ | 要求されたリソースの MIME の種類。 |
| エンコードされたデータの長さ | 要求されたリソースの長さ (バイト単位)。 |
上記 の「すべてのイベントに共通のプロパティ」も参照してください。
イベントのスクリプト化
[ スクリプト ] カテゴリには、次のイベントがあります。
| イベント | 説明 |
|---|---|
| アニメーション フレームが発生しました | スケジュールされたアニメーション フレームが発生し、そのコールバック ハンドラーが呼び出されました。 |
| アニメーション フレームを取り消す | スケジュールされたアニメーション フレームが取り消されました。 |
| GC イベント | ガベージ コレクションが発生しました。 |
| DOMContentLoaded | DOMContentLoaded イベントがブラウザーによって発生しました。 このイベントは、ページのすべての DOM コンテンツが読み込まれて解析されるときに発生します。 |
| スクリプトの評価 | スクリプトが評価されました。 |
| イベント | JavaScript イベント (たとえば、 mousedown、 key)。 |
| 関数呼び出し | 最上位の JavaScript 関数呼び出しが行われました (ブラウザーが JavaScript エンジンに入った場合にのみ表示されます)。 |
| タイマーのインストール | タイマーは setInterval() または setTimeout()を使用して作成されました。 |
| アニメーション フレームの要求 |
requestAnimationFrame()呼び出しによって新しいフレームがスケジュールされました。 |
| タイマーの削除 | 以前に作成したタイマーがクリアされました。 |
| Time | console.time()という名前のスクリプト。 |
| Time End | console.timeEnd()という名前のスクリプト。 |
| タイマーが発生しました |
setInterval()またはsetTimeout()でスケジュールされたタイマーが発生しました。 |
| XHR Ready State Change | XMLHTTPRequest の準備完了状態が変更されました。 |
| XHR 読み込み | 読み込みが完了した XMLHTTPRequest 。 |
スクリプト イベントのその他のプロパティ
| プロパティ | 説明 |
|---|---|
| タイマー ID | タイマー ID。 |
| Timeout | タイマーで指定されたタイムアウト。 |
| 繰り返し | タイマーが繰り返されるかどうかを指定するブール値。 |
| 関数呼び出し | 呼び出された関数。 |
上記 の「すべてのイベントに共通のプロパティ」も参照してください。
イベントのレンダリング
レンダリング カテゴリには 、次のイベントがあります。
| イベント | 説明 |
|---|---|
| レイアウトを無効にする | DOM の変更によってページ レイアウトが無効になりました。 |
| レイアウト | ページ レイアウトが完了しました。 |
| スタイルを再計算する | Microsoft Edge で再計算された要素スタイル。 |
| Scroll | 入れ子になったビューの内容がスクロールされました。 |
レンダリング イベントのその他のプロパティ
| プロパティ | 説明 |
|---|---|
| レイアウトが無効 | レイアウト レコードの場合、レイアウトが無効になった原因となったコードのスタック トレース。 |
| レイアウトが必要なノード | レイアウト レコードの場合、リレーアウトが開始される前に必要なレイアウトとしてマークされたノードの数。 通常、これらは開発者コードによって無効にされたノードに加えて、リレーアウト ルートへの上向きのパスです。 |
| レイアウト ツリーのサイズ | レイアウト レコードの場合、リレーアウト ルート (Microsoft Edge がリレーアウトを開始するノード) の下にあるノードの合計数。 |
| レイアウト スコープ | 使用可能な値は、 Partial (再レイアウト境界は DOM の一部) または Whole documentです。 |
| 影響を受ける要素 | [スタイル レコードの再計算] の場合、スタイル再計算の影響を受ける要素の数。 |
| スタイルが無効 | [スタイル レコードの再計算] では、スタイルの無効化の原因となったコードのスタック トレースを提供します。 |
上記 の「すべてのイベントに共通のプロパティ」も参照してください。
イベントの描画
次のイベントは 、Painting カテゴリにあります。
| イベント | 説明 |
|---|---|
| 複合レイヤー | Microsoft Edge レンダリング エンジン用の複合イメージ レイヤー。 |
| イメージ デコード | イメージ リソースがデコードされました。 |
| 画像のサイズ変更 | イメージのサイズがネイティブ ディメンションから変更されました。 |
| ペイント | 複合レイヤーは、ディスプレイの領域に塗りつぶされました。 ペイント レコードにカーソルを合わせると、更新されたディスプレイの領域が強調表示されます。 |
Painting イベントのその他のプロパティ
| プロパティ | 説明 |
|---|---|
| 場所 | ペイント イベントの場合、ペイント四角形の x 座標と y 座標。 |
| Dimensions | ペイント イベントの場合、ペイントされた領域の高さと幅。 |
上記 の「すべてのイベントに共通のプロパティ」も参照してください。
注:
このページの一部は、 Google によって 作成および共有され、 クリエイティブ・コモンズ属性 4.0 国際ライセンスに記載されている条件に従って使用される作業に基づく変更です。 元のページは ここに あり、メギン・カーニーとフラヴィオ・コープによって作成されています。
