This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The elementTiming property of the Element interface identifies elements for observation in the PerformanceElementTiming API. The elementTiming property reflects the value of the elementtiming attribute.
A string.
elementTiming
In this example, adding the elementtiming attribute to the <img> element sets the image to be observed.
<img src="image.jpg" alt="a nice image" elementtiming="big-image" id="myImage" />
You can get the string value of the elementtiming HTML attribute by calling el.elementTiming.
const el = document.getElementById("myImage");
console.log(el.elementTiming); // "big-image"
For a more complete example on how to use the Element Timing API, see PerformanceElementTiming.
| Specification |
|---|
| Element Timing API> # dom-element-elementtiming> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
elementTiming |
77 | 79 | No | 64 | No | 77 | No | 55 | No | 12.0 | 77 | No |
PerformanceElementTimingelementtiming HTML attribute
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/elementTiming