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 の定義 |
ドラフト | 初期定義 |
ブラウザの互換性
No compatibility data found for api.PerformanceFrameTiming
.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.