PerformanceNavigationTiming: свойство loadEventStart

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

A DOMHighResTimeStamp representing the time immediately before the current document's load event handler starts.

Свойство loadEventStart можно использовать для измерения времени обработки обработчика события 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 событие