LargestContentfulPaint: свойство size

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

Размер элемента — это width произведение height rectangle, создаваемого этим элементом на экране.

Целое число, представляющее произведение ширины и высоты элемента.

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