1 files changed, 65 insertions, 0 deletions
diff --git a/files/fr/web/html/attributes/elementtiming/index.md b/files/fr/web/html/attributes/elementtiming/index.md
new file mode 100644
index 0000000000..36cf4b9628
--- /dev/null
+++ b/files/fr/web/html/attributes/elementtiming/index.md
@@ -0,0 +1,65 @@
+---
+title: 'Attribut HTML : elementtiming'
+slug: Web/HTML/Attributes/elementtiming
+tags:
+  - Attribute
+  - Attributes
+  - HTML
+  - elementtiming
+  - Performance
+  - Reference
+translation_of: Web/HTML/Attributes/elementtiming
+---
+<p>{{HTMLSidebar}}</p>
+
+<p>L'attribut <strong><code>elementtiming</code></strong> est utilisé pour indiquer qu'un élément est marqué pour le suivi par l'API <a href="/fr/docs/Web/API/Element_timing_API">Element Timing</a>. Cet attribut peut être appliqué aux éléments <a href="/fr/docs/Web/HTML/Element/Img"><code>&lt;img&gt;</code></a>, <a href="/fr/docs/Web/SVG/Element/image"><code>&lt;image&gt;</code></a> à l'intérieur d'un <a href="/fr/docs/Web/SVG/Element/svg"><code>&lt;svg&gt;</code></a>, aux vignettes des éléments <a href="/fr/docs/Web/HTML/Element/video"><code>&lt;video&gt;</code></a>, aux éléments qui ont un <a href="/fr/docs/Web/CSS/background-image"><code>background-image</code></a> et aux éléments contenant des noeuds de texte, comme un <a href="/fr/docs/Web/HTML/Element/p">paragraphe (<code>&lt;p&gt;)</code></a>.</p>
+
+<h2 id="usage">Utilisation</h2>
+
+<p>La valeur donnée pour <code>elementtiming</code> devient un identifiant pour l'élément observé.</p>
+
+<pre class="brush: html">&lt;img alt="alt" src="img.jpg" elementtiming="étiquette pour l'élément"&gt;</pre>
+
+<p>De bons candidats pour les éléments que vous pourriez vouloir observer sont :</p>
+
+<ul>
+  <li>L'image principale d'un article.</li>
+  <li>Le titre d'un article de blog.</li>
+  <li>Les images dans un carrousel pour un site d'achat.</li>
+  <li>L'image de l'affiche de la vidéo principale d'une page.</li>
+</ul>
+
+<h2 id="examples">Exemples</h2>
+
+<pre class="brush: html">&lt;img alt="Alt pour l'image principale d'un article de blog"
+     src="my-massive-image.jpg"
+     elementtiming="Image principale"&gt;
+
+&lt;p elementtiming="important-text"&gt;Quelques informations importantes.&lt;/p"&gt;</pre>
+
+<h2 id="specifications">Spécifications</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Spécification</th>
+   <th scope="col">Statut</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('Element Timing API', '#sec-modifications-DOM', 'elementtiming')}}</td>
+   <td>{{Spec2('Element Timing API')}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("html.elements.attribute.elementtiming")}}</p>
+
+<h2 id="see_also">Voir aussi</h2>
+
+<ul>
+  <li><a href="https://web.dev/custom-metrics/">Métriques personnalisées</a> <small>(en anglais)</small></li>
+</ul>