PerformanceObserver()

PerformanceObserver() コンストラクターは、指定された observer callback を使用して新しい PerformanceObserver オブジェクトを作成します。observer callback は、observe() メソッドを介して、登録されたエントリタイプに対してパフォーマンスエントリイベントが記録されたときに呼び出されます。

構文

var observer = new PerformanceObserver(callback);

引数

callback: 監視対象のパフォーマンスイベントが記録されたときに呼び出される PerformanceObserverCallback コールバック。コールバックが呼び出されるとき、その最初の引数はパフォーマンスオブザーバエントリのリストで、2 番目の引数は observer オブジェクトです。

返値

監視対象のパフォーマンスイベントが発生したときに指定された callback を呼び出す新しい PerformanceObserver オブジェクト。

例

var observer = new PerformanceObserver(function(list, obj) {
  var entries = list.getEntries();
  for (var i=0; i < entries.length; i++) {
    // Process "mark" and "frame" events
  }
});
observer.observe({entryTypes: ["mark", "frame"]});

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

仕様書

Specification
Performance Timeline # dom-performanceobserver-constructor

ブラウザーの互換性

BCD tables only load in the browser