HTML attribute: elementtiming
The elementtiming
attribute is used to indicate that an element is flagged for tracking by PerformanceObserver
objects using the "element"
type. For more details, see the PerformanceElementTiming
interface.
This attribute may be applied to <img>
, <image>
elements inside an <svg>
, poster images of <video>
elements, elements which have a background-image
, and elements containing text nodes, such as a <p>
.
In the DOM, this attribute is reflected as Element.elementTiming
.
Usage
The value given for elementtiming
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">