Самый большой рендер: свойство loadTime

Чтение только свойство loadTime интерфейса LargestContentfulPaint возвращает время загрузки элемента.

Значение timestamp, представляющее время в миллисекундах загрузки элемента.

В этом примере используется PerformanceObserver, который уведомляет о новых записях производительности largest-contentful-paint по мере их записи в временной шкале производительности браузера. Опция buffered используется для доступа к записям, созданным до создания наблюдателя.

const observer = new PerformanceObserver((list) => {
  const entries = list.getEntries();
  const lastEntry = entries[entries.length - 1]; // Use the latest LCP candidate
  console.log(lastEntry.loadTime);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });