blob: d98ff151a0a226f9a2b6b8951096eb627dd0270d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
---
title: 'Attribut HTML : elementtiming'
slug: Web/HTML/Attributes/elementtiming
tags:
- Attribute
- Attributes
- HTML
- elementtiming
- Performance
- Reference
translation_of: Web/HTML/Attributes/elementtiming
---
{{HTMLSidebar}}
L'attribut **`elementtiming`** est utilisé pour indiquer qu'un élément est marqué pour le suivi par l'API [Element Timing](/fr/docs/Web/API/Element_timing_API). Cet attribut peut être appliqué aux éléments [`<img>`](/fr/docs/Web/HTML/Element/Img), [`<image>`](/fr/docs/Web/SVG/Element/image) à l'intérieur d'un [`<svg>`](/fr/docs/Web/SVG/Element/svg), aux vignettes des éléments [`<video>`](/fr/docs/Web/HTML/Element/video), aux éléments qui ont un [`background-image`](/fr/docs/Web/CSS/background-image) et aux éléments contenant des noeuds de texte, comme un [paragraphe (`<p>)`](/fr/docs/Web/HTML/Element/p).
## 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">
```
## Spécifications
| Spécification | Statut |
| -------------------------------------------------------------------------------------------------------- | ---------------------------------------- |
| {{SpecName('Element Timing API', '#sec-modifications-DOM', 'elementtiming')}} | {{Spec2('Element Timing API')}} |
## Compatibilité des navigateurs
{{Compat("html.elements.attribute.elementtiming")}}
## Voir aussi
- [Métriques personnalisées](https://web.dev/custom-metrics/) (en anglais)
|
