Back to Content

PerformanceElementTiming: identifier property

files/en-us/web/api/performanceelementtiming/identifier/index.md

latest1.3 KB
Original Source

{{APIRef("Performance API")}}{{SeeCompatTable}}

The identifier read-only property of the {{domxref("PerformanceElementTiming")}} interface returns the value of the elementtiming attribute on the element.

Value

A string.

Examples

Using identifier

In this example an {{HTMLElement("img")}} element is being observed by adding the elementtiming attribute. A {{domxref("PerformanceObserver")}} is registered to get all performance entries of type "element" and the buffered flag is used to access data from before observer creation. The value of elementtiming is big-image. Calling entry.identifier therefore returns the string big-image.

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}