L10N: Translation of all Performance APIs/Interfaces/Properties/Methods (#232)

* L10N: Translation of the Performance API pages

* L10N: Translation of the Performance Timeline API pages

* Fix typo, style and KS elements

* UPDATE: Update content of code blocks with the Guideline

* L10N: Translation of the PerformanceElementTiming pages

* L10N: Translation of the PerformanceEntry pages

* L10N: Translation of the PerformanceEventTiming interface

* L10N: Translation of the PerformanceFrameTiming interface

* L10N: Translation of the PerformanceLongTaskTiming interface

* L10N: Translation of the PerformanceMark interface

* L10N: Translation of the PerformanceMeasure interface

* L10N: Translation of the PerformanceNavigation interface

* L10N: Translation of the PerformanceNavigationTiming interface

* L10N: Translation of the PerformanceObserver interface

* L10N: Translation of the PerformanceObserverEntryList interface

* L10N: Translation of the PerformancePaintTiming interface

* L10N: Translation of the PerformanceResourceTiming interface

* L10N: Translation of the PerformanceServerTiming interface

* L10N: Translation of the PerformanceTiming interface

* FIX: Fix KS error on PerformanceTiming interface

* FIX: Change some summary and typo

* FIX: Fix CSS and sentences on PerformanceObserverEntryList interface

* FIX: Update KS + Change {{event()}} by link on PerformanceEventTiming interface

* Review - Landing page

* Review 'using' page - rm domxref

* Perforamance_timeline review: rm domxref, minor rewording, missing translation

* Review timeline guide page, rm domxref, rm vars in pre

* Review - PerformanceElementTiming - rm domxref + trailing spaces

* Review - PerformanceElementTiming.id - rm xref macros + trailing spaces

* Review - PerformanceElementTiming.identifier - rm xref macros + trailing spaces

* Review - PerformanceElementTiming  - rm xref macros + trailing spaces

* Review - PET.intersectionrect - rm domxref / minor typos

* Undo spec table mixup

* Review - loadTime - rm domxref

* Review - naturalheight - rm domxref / trailing spaces

* Review - naturalwidth - rm domxref / trailing spaces

* Review - renderTime - rm domxref / trailing spaces / minor rewordings

* Review - tojson  - rm domxref / trailing spaces

* Review - url  - rm domxref / trailing spaces

* Review - duration  - rm domxref / minor rewordings

* Review - entryType  - rm domxref / minor rewordings

* Review - performanceentry index - rm domxref / minor rewordings

* Review PerformanceEntry.name - rm xref macros

* Review PerformanceEntry.startTime - rm xref macros

* Review PerformanceEntry.toJSON - rm xref macros

* Review PerformanceEventTiming - rm domxref

* Review PerformanceFrameTiming - rm xref macros

* Review PerformanceLongTaskTiming.attribution - rm xref macros

* Review PerformanceLongTaskTiming - rm xref macros

* Review - PerformanceMark - rm domxref

* Review - PerformanceMeasure - rm domxref

* Review - PerformanceNavigation - rm domxref

* Review - PerformanceNavigation.redirectcount - rm domxref

* Review - PerformanceNavigation.type - rm domxref

* Review - PerformanceNavigationTiming.domComplete - rm domxref

* Review - PerformanceNavigationTiming.domContentLoadedEvent - rm domxref

* Review - PerformanceNavigationTiming.domContentLoadedEventStart - rm domxref

* Review - PerformanceNavigationTiming.domInteractive - rm domxref

* Review - PerformanceNavigationTiming - rm domxref

* Review - PerformanceNavigationTiming.loadEventEnd - rm domxref

* Review - PerformanceNavigationTiming.loadEventStart - rm domxref

* Review - PerformanceNavigationTiming.redirectCount - rm domxref

* Review - PerformanceNavigationTiming.toJSON - rm domxref

* Review - PerformanceNavigationTiming.type - rm domxref

* Review - PerformanceNavigationTiming.unloadEventEnd - rm domxref

* Review - PerformanceNavigationTiming.unloadEventStart - rm domxref

* Remove DOMxRef for PerformanceTiming

* Remove DOMxRef for PerformanceServerTiming

* Remove DOMxRef for PerformanceResourceTiming

* Review - PerformanceObserver.disconnect - rm domxref

* Review - PerformanceObserver - rm domxref

* Review - PerformanceObserver.observe - rm domxref

* Review - PerformanceObserver.PerformanceObserver() - rm domxref

* Review - PerformanceObserver.takeRecords() - rm domxref

* Review - PerformanceObserverEntryList.getEntries() - rm domxref

* Review - PerformanceObserver.getEntriesByName() - rm domxref

* Review - PerformanceObserver.getEntriesByType() - rm domxref

* Review - PerformanceObserverEntryList - rm domxref

* Review - PerformanceResourceTiming.connectEnd - rm domxref

* Review - PerformanceResourceTiming.connectStart

* Review - PerformanceResourceTiming.decodedBodySize

* Review - PerformanceResourceTiming.domainLookupEnd

* Review - PerformanceResourceTiming.domainLookupStart

* Review - PerformanceResourceTiming.encodedBodySize

* Review - PerformanceResourceTiming.fetchStart

* Review - PerformanceResourceTiming

* Review - PerformanceResourceTiming.iniatorType

* Review - PerformanceResourceTiming.nextHopProtocol

* Review - PerformanceResourceTiming.redirectEnd

* Review - PerformanceResourceTiming.redirectStart

* Review - PerformanceResourceTiming.requestStart

* Review - PerformanceResourceTiming.responseEnd

* Review - PerformanceResourceTiming.responseStart

* Review - PerformanceResourceTiming.secureConnectionStart

* Review - PerformanceResourceTiming.toJSON()

* Review - PerformanceResourceTiming.transferSize

* Review - PerformanceResourceTiming.workerStart

* Review - PerformanceServerTiming.description

* Review - PerformanceServerTiming.duration

* Review - PerformanceServerTiming

* Review - PerformanceServerTiming.name

* Review - PerformanceServerTiming.toJSON()

* Review - PerformanceTiming.domComplete - rm Event

* Review - PerformanceTiming.domContentLoadedEventStart - rm Event

* Review - PerformanceTiming.domInteractive - rm Event

* Review - PerformanceTiming.domLoading - rm Event

* Review - PerformanceTiming - minor typos + thead spec

* Review - PerformanceTiming.loadEventEnd - rm Event

* Review - PerformanceTiming.loadEventStart - rm Event

* Review - PerformanceTiming.unloadEventEnd - rm Event

* Review - PerformanceTiming.unloadEventStart - rm Event

* Remove final domxref / rm var in examples

Co-authored-by: julieng <julien.gattelier@gmail.com>

1 files changed, 82 insertions, 0 deletions

diff --git a/files/fr/web/api/performanceelementtiming/index.html b/files/fr/web/api/performanceelementtiming/index.html
new file mode 100644
index 0000000000..03a76a40a5
--- /dev/null
+++ b/files/fr/web/api/performanceelementtiming/index.html
@@ -0,0 +1,82 @@
+---
+title: PerformanceElementTiming
+slug: Web/API/PerformanceElementTiming
+tags:
+  - API
+  - Interface
+  - Reference
+  - PerformanceElementTiming
+translation_of: Web/API/PerformanceElementTiming
+---
+<div>{{SeeCompatTable}}{{Non-Standard_Header}}{{APIRef("Element Timing API")}}</div>
+
+<p class="summary">L'interface <strong><code>PerformanceElementTiming</code></strong> de l'API <a href="/fr/docs/Web/API/Element_timing_API">Element Timing API</a> rapporte les informations de timing sur un élément spécifique identifié par l'auteur de la page. Par exemple, elle peut fournir des informations sur l'image principale d'un article.</p>
+
+<h2 id="Properties">Propriétés</h2>
+
+<dl>
+  <dt><a href="/fr/docs/Web/API/PerformanceElementTiming/element"><code>PerformanceElementTiming.element</code></a> {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/Element"><code>Element</code></a> représentant l'élément pour lequel nous retournons des informations.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceElementTiming/id"><code>PerformanceElementTiming.id</code></a> {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> qui est l'identifiant (attribut <a href="/fr/docs/Web/HTML/Global_attributes#attr-id"><code>id</code></a>) de l'élément.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceElementTiming/identifier"><code>PerformanceElementTiming.identifier</code></a> {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}</dt>
+  <dd>Une <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> qui est la valeur de l'attribut <a href="/fr/docs/Web/HTML/Attributes/elementtiming"><code>elementtiming</code></a> de l'élément.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceElementTiming/intersectionRect"><code>PerformanceElementTiming.intersectionRect</code></a> {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMRectReadOnly"><code>DOMRectReadOnly</code></a> qui est le rectangle de l'élément dans la fenêtre d'affichage.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceElementTiming/loadTime"><code>PerformanceElementTiming.loadTime</code></a> {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> avec l'heure de chargement de l'élément.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceElementTiming/naturalHeight"><code>PerformanceElementTiming.naturalHeight</code></a> {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}</dt>
+  <dd>Un entier de 32 bits non signé (<i>unsigned long</i>) qui est la hauteur intrinsèque de l'image si cela est appliqué à une image, 0 pour le texte.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceElementTiming/naturalWidth"><code>PerformanceElementTiming.naturalWidth</code></a> {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}</dt>
+  <dd>Un entier de 32 bits non signé (<i>unsigned long</i>) qui est la largeur intrinsèque de l'image si cela est appliqué à une image, 0 pour le texte.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceElementTiming/renderTime"><code>PerformanceElementTiming.renderTime</code></a> {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> avec le renderTime de l'élément.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceElementTiming/url"><code>PerformanceElementTiming.url</code></a> {{ReadOnlyInline}} {{Experimental_Inline}} {{Non-Standard_Inline}}</dt>
+  <dd>Une <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> qui est l'URL initiale de la demande de ressources pour les images, 0 pour le texte.</dd>
+</dl>
+
+<h2 id="Methods">Méthodes</h2>
+
+<dl>
+  <dt><a href="/fr/docs/Web/API/PerformanceElementTiming/toJSON"><code>PerformanceElementTiming.toJSON()</code></a> {{Experimental_Inline}} {{Non-Standard_Inline}}</dt>
+  <dd>Génère une description JSON de l'objet.</dd>
+</dl>
+
+<h2 id="Examples">Exemples</h2>
+
+<p>Dans cet exemple, nous avons deux éléments qui sont observés. Nous utilisons l'interface <a href="/fr/docs/Web/API/PerformanceObserver"><code>PerformanceObserver</code></a> pour créer une liste d'événements de mesure des performances. Dans notre cas, l'observation de l'élément <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>PerformanceEntry.entrytype</code></a> <code>element</code> afin d'utiliser l'interface <code>PerformanceElementTiming</code>.</p>
+
+<p>Deux entrées seront affichées dans la console. La première contenant les détails de l'image, la seconde les détails du nœud texte.</p>
+
+<pre class="brush: html">&lt;img src="image.jpg" elementtiming="big-image"&gt;
+&lt;p elementtiming="text" id="text-id"&gt;le texte ici&lt;/p&gt;</pre>
+
+<pre class="brush: js">const observer = new PerformanceObserver((list) => {
+  let entries = list.getEntries().forEach(function (entry) {
+      console.log(entry);
+  });
+});
+observer.observe({ entryTypes: ["element"] });</pre>
+
+<h2 id="Specifications">Spécifications</h2>
+
+<table class="standard-table">
+  <thead>
+    <tr>
+      <th scope="col">Spécification</th>
+      <th scope="col">Statut</th>
+      <th scope="col">Commentaire</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>{{SpecName('Element Timing API','#sec-performance-element-timing','PerformanceElementTiming')}}</td>
+      <td>{{Spec2('Element Timing API')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceElementTiming")}}</p>