PerformanceEventTiming: processingEnd プロパティ

Baseline 2025

値

DOMHighResTimeStamp タイムスタンプです。

例

processingEnd プロパティの使用

processingEnd プロパティはイベントタイミング項目 (PerformanceEventTiming) を監視するときに使用することができます。例えば、入力遅延やイベント処理時間を計算する場合などです。

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    // 時間全体
    const duration = entry.duration;
    // 入力遅延（イベント処理前）
    const delay = entry.processingStart - entry.startTime;
    // 銅器イベント処理時間
    // （配信の開始から終了まで）
    const time = entry.processingEnd - entry.processingStart;
  });
});
// イベントのオブザーバーを登録
observer.observe({ type: "event", buffered: true });