LargestContentfulPaint: свойство element

Чтение-только свойство element интерфейса LargestContentfulPaint возвращает объект, представляющий элемент Element, являющийся самым крупным отображаемым контентом.

Элемент Element.

Этот пример использует 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.element);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });