HTML-Attribut: elementtiming

Das elementtiming-Attribut wird verwendet, um anzuzeigen, dass ein Element zum Tracking durch PerformanceObserver-Objekte mit dem Typ "element" markiert ist. Weitere Details finden Sie in der PerformanceElementTiming-Schnittstelle.

Dieses Attribut kann auf <img>, <image>-Elemente innerhalb eines <svg>, Posterbilder von <video>-Elementen, Elemente mit einem background-image und auf Elemente, die Textknoten enthalten, wie ein <p>, angewendet werden.

Im DOM wird dieses Attribut als Element.elementTiming widergespiegelt.

Verwendung

Der Wert, der für elementtiming angegeben wird, wird zu einem Bezeichner für das beobachtete Element.

html
<img alt="alt" src="img.jpg" elementtiming="label for element" />

Gute Kandidaten für Elemente, die Sie möglicherweise beobachten möchten, sind:

  • Das Hauptbild für einen Artikel.
  • Der Titel eines Blogbeitrags.
  • Bilder in einem Karussell für eine Shopping-Seite.
  • Das Posterbild für das Hauptvideo auf einer Seite.

Beispiele

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>

Siehe auch