HTML-Attribut: elementtiming

Das elementtiming-Attribut wird verwendet, um anzugeben, dass ein Element zur Verfolgung 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 Elemente, die Textknoten enthalten, wie z.B. ein <p>, angewendet werden.

Im DOM wird dieses Attribut als Element.elementTiming widergespiegelt.

Hinweise zur Verwendung

Der für elementtiming angegebene Wert 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 eines Artikels.
  • 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>

Siehe auch