PerformanceNavigationTiming: свойство loadEventEnd

Это loadEventEnd только для чтения возвращает DOMHighResTimeStamp, представляющий время сразу после завершения обработчика события load текущего документа.

A DOMHighResTimeStamp представляющий время сразу после завершения обработчика события load текущего документа.

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

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

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

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

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    const loadEventTime = entry.loadEventEnd - entry.loadEventStart;
    if (loadEventTime > 0) {
      console.log(`${entry.name}: load event handler time: ${loadEventTime}ms`);
    }
  });
});

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

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

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

• load событие