HTML-Attribut: elementtiming

Das elementtiming-Attribut wird verwendet, um anzuzeigen, dass ein Element für die Verfolgung durch PerformanceObserver-Objekte mit dem Typ "element" markiert ist. Für weitere Details siehe die PerformanceElementTiming-Schnittstelle.

Dieses Attribut kann auf <img>, <image>-Elemente innerhalb eines <svg>, Posterbilder von <video>-Elementen, Elemente mit einem background-image und Elemente, die Textknoten enthalten, wie z. B. 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 beobachten möchten, sind:

  • Das Hauptbild für einen Artikel.
  • Ein Blog-Beitragstitel
  • Bilder in einem Karussell für eine Einkaufsseite.
  • 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>

Weitere Informationen