PerformanceNavigationTiming: свойство unloadEventStart

Чтение-только свойство unloadEventStart возвращает DOMHighResTimeStamp, представляющий время непосредственно перед запуском обработчика события unload текущего документа.

Свойство unloadEventStart может иметь следующие значения:

• DOMHighResTimeStamp представляющий время непосредственно перед запуском обработчика события unload текущего документа.
• 0 если нет предыдущего документа.
• 0 если предыдущая страница была на другом источнике.

Свойство unloadEventStart может использоваться для измерения времени обработки обработчика события unload.

Это полезно для измерения времени работы длительных обработчиков события unload.

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

Пример использования PerformanceObserver, который оповещает о новых записях производительности navigation, как только они записываются в временной шкале производительности браузера. Используйте опцию buffered для доступа к записям, имевшимся до создания наблюдателя.

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 });

Пример использования Performance.getEntriesByType(), который показывает только записи производительности navigation , присутствующие в временной шкале производительности браузера в момент вызова этого метода:

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 событие