PerformanceFrameTiming

Experimental

これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

PerformanceFrameTiming は、ブラウザのイベントループに関するフレームタイミングデータを提供する抽象インターフェイスです。 フレームは、DOM イベントの処理、サイズ変更、スクロール、レンダリング、CSS アニメーションなど、1つのイベントループでブラウザが実行する作業量を表します。60 Hz のリフレッシュレートに対して 60 fps (フレーム/秒) のフレームレートは、応答性の良いユーザーエクスペリエンスの目標です。これはブラウザが約 16.7 ms でフレームを処理するはずであることを意味します。
 

アプリケーションは、"frame" パフォーマンスエントリタイプPerformanceObserver を登録することができます。オブザーバーは各フレームイベントの期間に関するデータを取得できます。この情報は、優れたユーザーエクスペリエンスを提供するのに時間がかかりすぎる領域を特定するのに役立ちます。

プロパティ

このインターフェイスにはプロパティはありませんが、次のようにプロパティを修飾および制約することで、次の PerformanceEntry プロパティ ("frame" performance entry types 用) を拡張します。

PerformanceEntry.entryType
"frame" を返します。
PerformanceEntry.name
ドキュメントのアドレスを返します。
PerformanceEntry.startTime
フレームが開始されたときに タイムスタンプ を返します。
PerformanceEntry.duration
連続する2つのフレームの startTime 間の差を示す タイムスタンプ を返します。

メソッド

このインターフェイスにはメソッドがありません。

フレームタイミング API の使用の例を参照してください。

仕様

仕様書 ステータス コメント
Frame Timing
PerformanceFrameTiming の定義
ドラフト 初期定義

ブラウザの互換性

BCD tables only load in the browser

あわせて参照