PerformanceObserver

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 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
PerformanceObserverChrome 完全対応 52Edge ? Firefox 完全対応 57IE 未対応 なしOpera 完全対応 39Safari 完全対応 11WebView Android 完全対応 52Chrome Android 完全対応 52Firefox Android 完全対応 57Opera Android 完全対応 41Safari iOS 完全対応 11Samsung Internet Android 完全対応 6.0
PerformanceObserver() constructorChrome 完全対応 52Edge ? Firefox 完全対応 57IE 未対応 なしOpera 完全対応 39Safari 完全対応 11WebView Android 完全対応 52Chrome Android 完全対応 52Firefox Android 完全対応 57Opera Android 完全対応 41Safari iOS 完全対応 11Samsung Internet Android 完全対応 6.0
disconnectChrome 完全対応 52Edge ? Firefox 完全対応 57IE 未対応 なしOpera 完全対応 39Safari 完全対応 11WebView Android 完全対応 52Chrome Android 完全対応 52Firefox Android 完全対応 57Opera Android 完全対応 41Safari iOS 完全対応 11Samsung Internet Android 完全対応 6.0
observeChrome 完全対応 52Edge ? Firefox 完全対応 57IE 未対応 なしOpera 完全対応 39Safari 完全対応 11WebView Android 完全対応 52Chrome Android 完全対応 52Firefox Android 完全対応 57Opera Android 完全対応 41Safari iOS 完全対応 11Samsung Internet Android 完全対応 6.0
supportedEntryTypes
実験的
Chrome 完全対応 73Edge ? Firefox ? IE 未対応 なしOpera 完全対応 ありSafari ? WebView Android 完全対応 73Chrome Android 完全対応 73Firefox Android ? Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android 未対応 なし
takeRecords
実験的
Chrome 完全対応 65Edge ? Firefox 完全対応 60IE 未対応 なしOpera 完全対応 ありSafari 未対応 なしWebView Android 完全対応 65Chrome Android 完全対応 65Firefox Android 完全対応 60Opera Android 完全対応 ありSafari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
Available in workersChrome 完全対応 62Edge ? Firefox ? IE 未対応 なしOpera 完全対応 49Safari ? WebView Android 完全対応 62Chrome Android 完全対応 62Firefox Android ? Opera Android 完全対応 46Safari iOS ? Samsung Internet Android 完全対応 8.0

凡例

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

あわせて参照