PerformanceElementTiming: свойство loadTime

Чтение-только свойство loadTime интерфейса PerformanceElementTiming всегда возвращает 0 для текста. Для изображений возвращается время, которое является максимальным значением между временем загрузки ресурса изображения и временем его прикрепления к элементу.

Значение DOMHighResTimeStamp с loadTime элемента. Всегда 0 для текста.

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

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