PerformanceElementTiming: loadTime property

Value

A DOMHighResTimeStamp with the loadTime of the element. Always 0 for text.

Examples

Logging loadTime

In this example an <img> element is being observed by adding the elementtiming attribute. A PerformanceObserver is registered to get all performance entries of type "element". The buffered flag is used to access data from before the observer was created. Calling entry.loadTime returns the loadTime of the image element.

<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 });

Specifications

Browser compatibility