Globales HTML-Attribut containertiming
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Das containertiming-globale Attribut kennzeichnet ein Element als Container-Wurzel. Für diese können PerformanceContainerTiming-Einträge von PerformanceObserver-Objekten mit dem Typ "container" beobachtet werden.
Alle Darstellungen in neuen Bereichen innerhalb des Teilbaums der Container-Wurzel fließen in die Zeitmessung des Containers ein. Inhalte, die direkt in der Container-Wurzel dargestellt werden, sowie erneute Darstellungen bereits dargestellter Bereiche sind ausgenommen.
Zeitmessungseinträge werden nur gemeldet, bis die Benutzerin oder der Benutzer scrollt oder mit der Seite interagiert.
Untergeordnete Teilbäume können mit dem Attribut containertimingignore von der Zeitmessung eines Containers ausgeschlossen werden.
Weitere Einzelheiten finden Sie in der Beschreibung der Schnittstelle PerformanceContainerTiming.
Im DOM wird dieses Attribut durch HTMLElement.containerTiming abgebildet.
Wert
Eine Zeichenfolge, die den Container identifiziert.
Sie wird in PerformanceContainerTiming.identifier zurückgegeben.
Beispiele
Eine Container-Wurzel kennzeichnen
Dieses Beispiel kennzeichnet zwei Elemente als Container-Wurzeln, die durch "hero" und "product-list" identifiziert werden.
<section containertiming="hero">
<h1>Welcome</h1>
<img src="hero.jpg" alt="" />
</section>
<div containertiming="product-list">
<!-- product cards -->
</div>
Spezifikationen
| Spezifikation |
|---|
| Container Timing API # dom-htmlelement-containertiming |