PerformanceEventTiming: processingStart プロパティ

Baseline 2025

Newly available

Since ⁨December 2025⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

読み取り専用の processingStart プロパティは、イベント配信が開始された時刻を返します。これは、イベントハンドラーが実行されようとしている時点です。

値

DOMHighResTimeStamp タイムスタンプです。

例

processingStart プロパティの使用

processingStart プロパティはイベントタイミング項目 (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 });