Attribut HTML : elementtiming
L'attribut elementtiming sert à indiquer qu'un élément doit être suivi par des objets PerformanceObserver utilisant le type "element". Pour plus de détails, voir l'interface PerformanceElementTiming.
Cet attribut peut être appliqué aux éléments HTML <img>, <image> à l'intérieur d'un <svg>, aux images d'affiche des éléments <video>, aux éléments ayant une background-image, et aux éléments contenant des nœuds de texte, comme un <p>.
Dans le DOM, cet attribut est reflété par la propriété Element.elementTiming.
Notes d'utilisation
La valeur donnée pour elementtiming devient un identifiant pour l'élément observé.
html
<img alt="alt" src="img.jpg" elementtiming="étiquette pour l'élément" />
De bons candidats pour les éléments que vous pourriez vouloir observer sont :
- L'image principale d'un article.
- Le titre d'un article de blog.
- Les images dans un carrousel pour un site d'achat.
- L'image de l'affiche de la vidéo principale d'une page.
Exemples
html
<img
alt="Alt pour l'image principale d'un article de blog"
src="my-massive-image.jpg"
elementtiming="Image principale" />
<p elementtiming="important-text">Quelques informations importantes.</p>