PerformanceNavigationTiming: unloadEventStart-Eigenschaft

Die unloadEventStart-Eigenschaft kann die folgenden Werte haben:

• Ein DOMHighResTimeStamp, der die Zeit unmittelbar vor dem Start des unload-Ereignishandlers des aktuellen Dokuments darstellt.
• 0, wenn es kein vorheriges Dokument gibt.
• 0, wenn die vorherige Seite aus einem anderen Ursprung stammt.

Die unloadEventStart-Eigenschaft kann verwendet werden, um zu messen, wie lange es dauert, den unload-Ereignishandler zu verarbeiten.

Dies ist nützlich, um die Zeit von lang andauernden unload-Ereignishandlern zu messen.

window.addEventListener("unload", (event) => {
  // Some long running code
});

Beispiel mit einem PerformanceObserver, der über neue navigation-Performanceeinträge benachrichtigt, während sie in der Leistungstimeline des Browsers aufgezeichnet werden. Verwenden Sie die buffered-Option, um auf Einträge vor der Erstellung des Observers zuzugreifen.

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    const unloadEventTime = entry.unloadEventEnd - entry.unloadEventStart;
    if (unloadEventTime > 0) {
      console.log(
        `${entry.name}: unload event handler time: ${unloadEventTime}ms`,
      );
    }
  });
});

observer.observe({ type: "navigation", buffered: true });

Beispiel mit Performance.getEntriesByType(), das nur navigation-Performanceeinträge anzeigt, die zum Zeitpunkt des Aufrufs dieser Methode in der Leistungstimeline des Browsers vorhanden sind:

const entries = performance.getEntriesByType("navigation");
entries.forEach((entry) => {
  const loadEventTime = entry.unloadEventEnd - entry.unloadEventStart;
  if (unloadEventTime > 0) {
    console.log(`${entry.name}:
      load event handler time: ${unloadEventTime}ms`);
  }
});

• unload-Ereignis