HTML attribute: elementtiming
Theelementtiming
attribute is used to indicate that an element is flagged for tracking byPerformanceObserver
objects using the"element"
type. For more details, see thePerformanceElementTiming
interface.
This attribute may be applied to<img>
,<image>
elements inside an<svg>
, poster images of<video>
elements, elements which have abackground-image
, and elements containing text nodes, such as a<p>
.
In the DOM, this attribute is reflected asElement.elementTiming
.
Usage notes
The value given forelementtiming
becomes an identifier for the observed element.
html
<img alt="alt" src="img.jpg" elementtiming="label for element" />
Good contenders for elements you might want to observe are:
- The main image for an article.
- A blog post title
- Images in a carousel for a shopping site.
- The poster image for the main video on a page.
Examples
html
<img alt="Alt for a main blog post image" src="my-massive-image.jpg" elementtiming="Main image" /><p elementtiming="important-text">Some very important information.</p>