LargestContentfulPaint: свойство id

Чтение только свойство id интерфейса LargestContentfulPaint возвращает идентификатор элемента, который является самым большим содержательным элементом.

Строка, содержащая идентификатор элемента, или пустая строка, если такого идентификатора нет.

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