PerformanceElementTiming: свойство naturalWidth

Чтение-только свойство naturalWidth интерфейса PerformanceElementTiming возвращает внутреннюю ширину элемента изображения.

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

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

<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.naturalWidth);
    }
  });
});
observer.observe({ type: "element", buffered: true });