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.
Das globale Attribut containertiming kennzeichnet ein Element als Container-Root. Für dieses können PerformanceContainerTiming-Einträge mit PerformanceObserver-Objekten vom Typ "container" beobachtet werden.
Jedes Zeichnen in zuvor nicht gezeichneten Bereichen innerhalb des Unterbaums des Container-Roots trägt zur Zeitmessung des Containers bei. Inhalte, die direkt im Container-Root gezeichnet werden, und das erneute Zeichnen bereits gezeichneter Bereiche sind davon ausgenommen.
Zeitmessungseinträge werden nur erfasst, bis der Benutzer scrollt oder mit der Seite interagiert.
Unterbäume von Nachfahren können mit dem Attribut containertimingignore von der Zeitmessung eines Containers ausgeschlossen werden.
Weitere Informationen finden Sie unter der Schnittstelle PerformanceContainerTiming.
Im DOM wird dieses Attribut durch HTMLElement.containerTiming widergespiegelt.
Wert
Ein String, der den Container identifiziert.
Er wird in PerformanceContainerTiming.identifier zurückgegeben.
Beispiele
Einen Container-Root kennzeichnen
Dieses Beispiel kennzeichnet zwei Elemente als Container-Roots mit den Kennungen "hero" und "product-list".
<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 |