index.md

---

title: "HTML attribute: elementtiming"
slug: Web/HTML/Attributes/elementtiming
page-type: html-attribute

---

{{HTMLSidebar}}

The elementtiming attribute is used to indicate that an element is flagged for tracking by {{domxref("PerformanceObserver")}} objects using the "element" type. For more details, see the {{domxref("PerformanceElementTiming")}} interface.

This attribute may be applied to {{htmlelement("img")}}, {{SVGElement("image")}} elements inside an {{SVGElement("svg")}}, poster images of {{htmlelement("video")}} elements, elements which have a {{cssxref("background-image")}}, and elements containing text nodes, such as a {{htmlelement("p")}}.

In the DOM, this attribute is reflected as {{domxref("Element.elementTiming")}}.

Usage

The value given for elementtiming becomes an identifier for the observed element.

<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

<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">

See also

• {{domxref("PerformanceElementTiming")}}

• {{domxref("Element.elementTiming")}}