PerformanceElementTiming: свойство naturalHeight

Только для чтения naturalHeight свойство интерфейса PerformanceElementTiming возвращает внутреннюю высоту элемента изображения.

Целое беззнаковое 32-битное число (unsigned long), представляющее внутреннюю высоту изображения, если это применяется к изображению, 0 для текста.

В этом примере элемент <img> наблюдается с помощью добавления атрибута elementtiming. Регистрируется наблюдатель PerformanceObserver для получения всех записей производительности типа "element" и используется флаг buffered для доступа к данным до создания наблюдателя. Файл изображения имеет ширину 1000px и высоту 750px. Вызов entry.naturalHeight возвращает 750, что является внутренней высотой в пикселях.

<img
  src="image.jpg"
  alt="a nice image"
  elementtiming="big-image"
  id="myImage" />

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    if (entry.identifier === "big-image") {
      console.log(entry.naturalHeight);
    }
  });
});
observer.observe({ type: "element", buffered: true });