PerformanceObserver 🧪

Canary 🧪

この API は現在、React Native の Canary および Experimental チャンネルでのみ利用可能です。

試してみたい場合は、アプリでCanary チャンネルを有効にしてください。

Webの仕様で定義されているグローバルなPerformanceObserverクラスです。

例

ts

const observer = new PerformanceObserver(
  (list, observer, options) => {
    for (const entry of list.getEntries()) {
      console.log(
        'Received entry with type',
        entry.entryType,
        'and name',
        entry.name,
        'that started at',
        entry.startTime,
        'and took',
        entry.duration,
        'ms',
      );
    }
  },
);

observer.observe({entryTypes: ['mark', 'measure']});

---

リファレンス

コンストラクタ

PerformanceObserver()

MDNのドキュメントを参照してください。

静的プロパティ

supportedEntryTypes

MDNのドキュメントを参照してください。

['mark', 'measure', 'event', 'longtask']を返します。

インスタンスメソッド

observe()

MDNのドキュメントを参照してください。

disconnect()

MDNのドキュメントを参照してください。