PerformanceObserver インターフェイスは、パフォーマンス測定イベントを監視し、ブラウザのパフォーマンスタイムラインに記録されているので、新しいperformance entries の通知を受けるために使用されます。

註: この機能は Web Workers 内で利用可能です。

コンストラクター

PerformanceObserver()
新しい PerformanceObserver オブジェクトを作成して返します。

メソッド

PerformanceObserver.observe()
監視するエントリタイプのセットを指定します。指定された entryTypes の1つに対して パフォーマンスエントリ が記録されている場合、パフォーマンスオブザーバのコールバック関数が呼び出されます。
PerformanceObserver.disconnect()
パフォーマンスオブザーバのコールバックがパフォーマンスエントリを受け取らないようにします。
PerformanceObserver.takeRecords()
パフォーマンスオブザーバに格納されているパフォーマンスエントリ の現在のリストを空にして返します。

function perf_observer(list, observer) { 
   // Process the "measure" event 
} 
var observer2 = new PerformanceObserver(perf_observer); 
observer2.observe({entryTypes: ["measure"]});

仕様

仕様書 ステータス コメント
Performance Timeline Level 2
PerformanceObserver の定義
勧告候補 PerformanceObserver インターフェイスの初期定義

ブラウザの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
PerformanceObserverChrome 完全対応 52Edge ? Firefox 完全対応 57IE 未対応 なしOpera 完全対応 39Safari 完全対応 11WebView Android 完全対応 52Chrome Android 完全対応 52Edge Mobile ? Firefox Android 完全対応 57Opera Android 完全対応 41Safari iOS 完全対応 11Samsung Internet Android ?
Available in workersChrome 完全対応 62Edge ? Firefox ? IE 未対応 なしOpera 完全対応 49Safari ? WebView Android 完全対応 62Chrome Android 完全対応 62Edge Mobile ? Firefox Android ? Opera Android 完全対応 46Safari iOS ? Samsung Internet Android ?
PerformanceObserver() constructorChrome 完全対応 52Edge ? Firefox 完全対応 57IE 未対応 なしOpera 完全対応 39Safari 完全対応 11WebView Android 完全対応 52Chrome Android 完全対応 52Edge Mobile ? Firefox Android 完全対応 57Opera Android 完全対応 41Safari iOS 完全対応 11Samsung Internet Android ?
disconnectChrome 完全対応 52Edge ? Firefox 完全対応 57IE 未対応 なしOpera 完全対応 39Safari 完全対応 11WebView Android 完全対応 52Chrome Android 完全対応 52Edge Mobile ? Firefox Android 完全対応 57Opera Android 完全対応 41Safari iOS 完全対応 11Samsung Internet Android ?
observeChrome 完全対応 52Edge ? Firefox 完全対応 57IE 未対応 なしOpera 完全対応 39Safari 完全対応 11WebView Android 完全対応 52Chrome Android 完全対応 52Edge Mobile ? Firefox Android 完全対応 57Opera Android 完全対応 41Safari iOS 完全対応 11Samsung Internet Android ?
supportedEntryTypes
実験的
Chrome 完全対応 73Edge ? Firefox ? IE ? Opera 完全対応 ありSafari ? WebView Android 完全対応 73Chrome Android 完全対応 73Edge Mobile ? Firefox Android ? Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android ?
takeRecords
実験的
Chrome 完全対応 65Edge ? Firefox 完全対応 60IE 未対応 なしOpera 完全対応 ありSafari 未対応 なしWebView Android 完全対応 65Chrome Android 完全対応 65Edge Mobile ? Firefox Android 完全対応 60Opera Android 完全対応 ありSafari iOS 未対応 なしSamsung Internet Android ?

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。

あわせて参照

ドキュメントのタグと貢献者

このページの貢献者: silverskyvicto
最終更新者: silverskyvicto,