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>

12 files changed, 925 insertions, 0 deletions

diff --git a/files/fr/web/api/performancenavigationtiming/domcomplete/index.html b/files/fr/web/api/performancenavigationtiming/domcomplete/index.html
new file mode 100644
index 0000000000..4a6d70c7ca
--- /dev/null
+++ b/files/fr/web/api/performancenavigationtiming/domcomplete/index.html
@@ -0,0 +1,74 @@
+---
+title: PerformanceNavigationTiming.domComplete
+slug: Web/API/PerformanceNavigationTiming/domComplete
+tags:
+  - API
+  - Property
+  - Propriété
+  - Reference
+  - PerformanceNavigationTiming
+  - Performance Web
+translation_of: Web/API/PerformanceNavigationTiming/domComplete
+---
+<div>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</div>
+
+<p class="summary">La propriété en lecture seule <strong><code>domComplete</code></strong> renvoie un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant la valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne définisse la disponibilité du document actuel à <code><a href="https://html.spec.whatwg.org/multipage/syntax.html#the-end">complete</a></code>.</p>
+
+<h2 id="Syntax">Syntaxe</h2>
+
+<pre class="brush:js">perfEntry.domComplete;</pre>
+
+<h3 id="Return_Value">Valeur de retour</h3>
+
+<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant une valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne définisse la disponibilité du document actuel à <code><a href="https://html.spec.whatwg.org/multipage/syntax.html#the-end">complete</a></code>.</p>
+
+<h2 id="Example">Exemple</h2>
+
+<p>L'exemple suivant illustre l'utilisation de cette propriété.</p>
+
+<pre class="brush:js">function print_nav_timing_data() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements de type "navigation".
+  let perfEntries = performance.getEntriesByType("navigation");
+
+  for (let i = 0; i &lt; perfEntries.length; i++) {
+    console.log("= Entrée de navigation : entry[" + i + "]");
+    let p = perfEntries[i];
+    // propriétés du DOM
+    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log("Contenu du DOM complet = " + p.domComplete);
+    console.log("Contenu du DOM interactif = " + p.interactive);
+
+    // temps de chargement et de déchargement des documents
+    console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
+    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+
+    // autres propriétés
+    console.log("type = " + p.type);
+    console.log("redirectCount = " + p.redirectCount);
+  }
+}
+</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('Navigation Timing Level 2',
+      '#dom-performancenavigationtiming-domcomplete', 'domComplete')}}</td>
+      <td>{{Spec2('Navigation Timing Level 2')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceNavigationTiming.domComplete")}}</p>
diff --git a/files/fr/web/api/performancenavigationtiming/domcontentloadedeventend/index.html b/files/fr/web/api/performancenavigationtiming/domcontentloadedeventend/index.html
new file mode 100644
index 0000000000..e9f37b8720
--- /dev/null
+++ b/files/fr/web/api/performancenavigationtiming/domcontentloadedeventend/index.html
@@ -0,0 +1,75 @@
+---
+title: PerformanceNavigationTiming.domContentLoadedEventEnd
+slug: Web/API/PerformanceNavigationTiming/domContentLoadedEventEnd
+tags:
+  - API
+  - Property
+  - Propriété
+  - Reference
+  - PerformanceNavigationTiming
+  - Performance Web
+translation_of: Web/API/PerformanceNavigationTiming/domContentLoadedEventEnd
+---
+<div>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</div>
+
+<p>La propriété en lecture seule <strong><code>domContentLoadedEventEnd</code></strong> retourne un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant la valeur temporelle égale au temps immédiatement après la fin de l'événement <a href="/fr/docs/Web/API/Document/DOMContentLoaded_event"><code>DOMContentLoaded</code></a> du document actuel.</p>
+
+<h2 id="Syntax">Syntaxe</h2>
+
+<pre class="brush:js"><var>perfEntry</var>.domContentLoadedEventEnd;</pre>
+
+<h3 id="Return_Value">Valeur de retour</h3>
+
+<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant la valeur temporelle égale au temps immédiatement après la fin de l'événement <a href="/fr/docs/Web/API/Document/DOMContentLoaded_event"><code>DOMContentLoaded</code></a> du document actuel.</p>
+
+<h2 id="Example">Exemple</h2>
+
+<p>L'exemple suivant illustre l'utilisation de cette propriété.</p>
+
+<pre class="brush:js">function print_nav_timing_data() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements de type "navigation".
+  let perfEntries = performance.getEntriesByType("navigation");
+
+  for (let i = 0; i &lt; perfEntries.length; i++) {
+    console.log("= Entrée de navigation : entry[" + i + "]");
+    let p = perfEntries[i];
+    // propriétés du DOM
+    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log("Contenu du DOM complet = " + p.domComplete);
+    console.log("Contenu du DOM interactif = " + p.interactive);
+
+    // temps de chargement et de déchargement des documents
+    console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
+    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+
+    // autres propriétés
+    console.log("type = " + p.type);
+    console.log("redirectCount = " + p.redirectCount);
+  }
+}
+</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('Navigation Timing Level 2',
+        '#dom-performancenavigationtiming-domcontentloadedeventend',
+        'domContentLoadedEventEnd')}}</td>
+      <td>{{Spec2('Navigation Timing Level 2')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceNavigationTiming.domContentLoadedEventEnd")}}</p>
diff --git a/files/fr/web/api/performancenavigationtiming/domcontentloadedeventstart/index.html b/files/fr/web/api/performancenavigationtiming/domcontentloadedeventstart/index.html
new file mode 100644
index 0000000000..88e1459fbb
--- /dev/null
+++ b/files/fr/web/api/performancenavigationtiming/domcontentloadedeventstart/index.html
@@ -0,0 +1,75 @@
+---
+title: PerformanceNavigationTiming.domContentLoadedEventStart
+slug: Web/API/PerformanceNavigationTiming/domContentLoadedEventStart
+tags:
+  - API
+  - Property
+  - Propriété
+  - Reference
+  - PerformanceNavigationTiming
+  - Performance Web
+translation_of: Web/API/PerformanceNavigationTiming/domContentLoadedEventStart
+---
+<div>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</div>
+
+<p>La propriété en lecture seule <strong><code>domContentLoadedEventStart</code></strong> retourne un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant la valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne déclenche l'événement <a href="/fr/docs/Web/API/Document/DOMContentLoaded_event"><code>DOMContentLoaded</code></a> du document actuel.</p>
+
+<h2 id="Syntax">Syntaxe</h2>
+
+<pre class="brush:js"><var>perfEntry</var>.domContentLoadedEventStart;</pre>
+
+<h3 id="Return_Value">Valeur de retour</h3>
+
+<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant la valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne déclenche l'événement <a href="/fr/docs/Web/API/Document/DOMContentLoaded_event"><code>DOMContentLoaded</code></a> du document actuel.</p>
+
+<h2 id="Example">Exemple</h2>
+
+<p>L'exemple suivant illustre l'utilisation de cette propriété.</p>
+
+<pre class="brush:js">function print_nav_timing_data() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements de type "navigation".
+  let perfEntries = performance.getEntriesByType("navigation");
+
+  for (let i = 0; i &lt; perfEntries.length; i++) {
+    console.log("= Entrée de navigation : entry[" + i + "]");
+    let p = perfEntries[i];
+    // propriétés du DOM
+    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log("Contenu du DOM complet = " + p.domComplete);
+    console.log("Contenu du DOM interactif = " + p.interactive);
+
+    // temps de chargement et de déchargement des documents
+    console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
+    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+
+    // autres propriétés
+    console.log("type = " + p.type);
+    console.log("redirectCount = " + p.redirectCount);
+  }
+}
+</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('Navigation Timing Level 2',
+        '#dom-performancenavigationtiming-domcontentloadedeventstart',
+        'domContentLoadedEventStart')}}</td>
+      <td>{{Spec2('Navigation Timing Level 2')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceNavigationTiming.domContentLoadedEventStart")}}</p>
diff --git a/files/fr/web/api/performancenavigationtiming/dominteractive/index.html b/files/fr/web/api/performancenavigationtiming/dominteractive/index.html
new file mode 100644
index 0000000000..88045fd7d9
--- /dev/null
+++ b/files/fr/web/api/performancenavigationtiming/dominteractive/index.html
@@ -0,0 +1,74 @@
+---
+title: PerformanceNavigationTiming.domInteractive
+slug: Web/API/PerformanceNavigationTiming/domInteractive
+tags:
+  - API
+  - Property
+  - Propriété
+  - Reference
+  - PerformanceNavigationTiming
+  - Performance Web
+translation_of: Web/API/PerformanceNavigationTiming/domInteractive
+---
+<div>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</div>
+
+<p>La propriété en lecture seule <strong><code>domInteractive</code></strong> retourne un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant la valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne définisse la disponibilité du document actuel à <a href="https://html.spec.whatwg.org/multipage/syntax.html#the-end">interactif</a>.</p>
+
+<h2 id="Syntax">Syntaxe</h2>
+
+<pre class="brush: js"><var>perfEntry</var>.domInteractive;</pre>
+
+<h3 id="Return_Value">Valeur de retour</h3>
+
+<p>Une <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant la valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne définisse la disponibilité du document actuel à <a href="https://html.spec.whatwg.org/multipage/syntax.html#the-end">interactif</a>.</p>
+
+<h2 id="Example">Exemple</h2>
+
+<p>L'exemple suivant illustre l'utilisation de cette propriété.</p>
+
+<pre class="brush:js">function print_nav_timing_data() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements de type "navigation".
+  let perfEntries = performance.getEntriesByType("navigation");
+
+  for (let i =0; i &lt; perfEntries.length; i++) {
+    console.log("= Entrée de navigation : entry[" + i + "]");
+    let p = perfEntries[i];
+    // propriétés du DOM
+    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log("Contenu du DOM complet = " + p.domComplete);
+    console.log("Contenu du DOM interactif = " + p.interactive);
+
+    // temps de chargement et de déchargement des documents
+    console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
+    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+
+    // autres propriétés
+    console.log("type = " + p.type);
+    console.log("redirectCount = " + p.redirectCount);
+  }
+}
+</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('Navigation Timing Level 2',
+        '#dom-performancenavigationtiming-dominteractive', 'domInteractive')}}</td>
+      <td>{{Spec2('Navigation Timing Level 2')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceNavigationTiming.domInteractive")}}</p>
diff --git a/files/fr/web/api/performancenavigationtiming/index.html b/files/fr/web/api/performancenavigationtiming/index.html
new file mode 100644
index 0000000000..bb1fdb48d1
--- /dev/null
+++ b/files/fr/web/api/performancenavigationtiming/index.html
@@ -0,0 +1,106 @@
+---
+title: PerformanceNavigationTiming
+slug: Web/API/PerformanceNavigationTiming
+tags:
+  - API
+  - Interface
+  - Navigation Timing API
+  - Performance Timeline API
+  - Reference
+  - Performance Web
+translation_of: Web/API/PerformanceNavigationTiming
+---
+<p>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</p>
+
+<p class="summary">L'interface <strong><code>PerformanceNavigationTiming</code></strong> fournit des méthodes et des propriétés pour stocker et récupérer des métriques concernant les événements de navigation de document du navigateur. Par exemple, cette interface peut être utilisée pour déterminer le temps nécessaire au chargement ou au déchargement d'un document.</p>
+
+<p>{{InheritanceDiagram}}</p>
+
+<h2 id="Properties">Propriétés</h2>
+
+<p>Cette interface étend les propriétés de <a href="/fr/docs/Web/API/PerformanceEntry"><code>PerformanceEntry</code></a> suivantes pour les types d'entrée de performance de navigation en les qualifiant et en les contraignant comme suit :</p>
+
+<dl>
+  <dt><a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>PerformanceEntry.entryType</code></a> {{readonlyInline}}</dt>
+  <dd>Retourne « <code>navigation</code> ».</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceEntry/name"><code>PerformanceEntry.name</code></a> {{readonlyInline}}</dt>
+  <dd>Retourne l'adresse du <a href="https://dom.spec.whatwg.org/#concept-document-url">document</a>.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceEntry/startTime"><code>PerformanceEntry.startTime</code></a> {{readonlyInline}}</dt>
+  <dd>Retourne un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> avec une valeur de « <code>0</code> ».</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceEntry/duration"><code>PerformanceEntry.duration</code></a> {{readonlyInline}}</dt>
+  <dd>Retourne un <a href="/fr/docs/Web/API/DOMHighResTimeStamp">timestamp</a> qui est la différence entre les propriétés <a href="/fr/docs/Web/API/PerformanceNavigationTiming/loadEventEnd"><code>PerformanceNavigationTiming.loadEventEnd</code></a> et <a href="/fr/docs/Web/API/PerformanceEntry/startTime"><code>PerformanceEntry.startTime</code></a>.</dd>
+</dl>
+
+<p>Cette interface étend également les propriétés <a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a> suivantes pour les types d'entrée de performance de navigation en les qualifiant et en les contraignant comme suit :</p>
+
+<dl>
+  <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/initiatorType"><code>PerformanceResourceTiming.initiatorType</code></a> {{readonlyInline}}</dt>
+  <dd>Retourne « <code>navigation</code> ».</dd>
+</dl>
+
+<p>L'interface prend également en charge les propriétés suivantes :</p>
+
+<dl>
+  <dt><a href="/fr/docs/Web/API/PerformanceNavigationTiming/domComplete"><code>PerformanceNavigationTiming.domComplete</code></a> {{readonlyInline}} {{Experimental_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant une valeur temporelle égale au temps immédiatement avant que le navigateur ne définisse la disponibilité du document actuel à <em><a href="https://html.spec.whatwg.org/multipage/syntax.html#the-end">complete</a></em>.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceNavigationTiming/domContentLoadedEventEnd"><code>PerformanceNavigationTiming.domContentLoadedEventEnd</code></a> {{readonlyInline}} {{Experimental_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant la valeur temporelle égale au temps immédiatement après la fin de l'événement <a href="https://html.spec.whatwg.org/multipage/syntax.html#the-end">DOMContentLoaded</a> du document actuel.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceNavigationTiming/domContentLoadedEventStart"><code>PerformanceNavigationTiming.domContentLoadedEventStart</code></a> {{readonlyInline}} {{Experimental_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant la valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne déclenche l'événement <a href="https://html.spec.whatwg.org/multipage/syntax.html#the-end">DOMContentLoaded</a> sur le document actuel.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceNavigationTiming/domInteractive"><code>PerformanceNavigationTiming.domInteractive</code></a> {{readonlyInline}} {{Experimental_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant une valeur <a href="/fr/docs/Web/API/DOMHighResTimeStamp">temporelle</a> égale qui précède immédiatement le moment où l'agent utilisateur règle l'état de préparation du document actuel sur <a href="https://html.spec.whatwg.org/multipage/syntax.html#the-end">interactif</a>.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceNavigationTiming/loadEventEnd"><code>PerformanceNavigationTiming.loadEventEnd</code></a> {{readonlyInline}} {{Experimental_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant le moment où l'événement de chargement du document actuel est terminé.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceNavigationTiming/loadEventStart"><code>PerformanceNavigationTiming.loadEventStart</code></a> {{readonlyInline}} {{Experimental_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant la valeur temporelle égale à l'heure précédant immédiatement l'événement de chargement du document actuel.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceNavigationTiming/redirectCount"><code>PerformanceNavigationTiming.redirectCount</code></a> {{readonlyInline}} {{Experimental_Inline}}</dt>
+  <dd>Un nombre représentant le nombre de redirections, depuis la dernière navigation sans redirection, dans le contexte de navigation actuel.</dd>
+  <dd>S'il n'y a pas eu de redirection, ou si la redirection provenait d'une autre origine, et que cette origine ne permet pas que ses informations temporelles soient exposées à l'origine actuelle, la valeur sera 0.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceNavigationTiming/requestStart"><code>PerformanceNavigationTiming.requestStart</code></a> {{readonlyInline}} {{Experimental_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant le moment immédiatement avant que l'agent utilisateur ne commence à demander la ressource au serveur, ou aux caches d'application pertinents ou aux ressources locales.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceNavigationTiming/responseStart"><code>PerformanceNavigationTiming.responseStart</code></a> {{readonlyInline}} {{Experimental_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant l'heure immédiatement après que l'analyseur HTTP de l'agent utilisateur ait reçu le premier octet de la réponse des caches d'application pertinents, ou des ressources locales ou du serveur.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceNavigationTiming/type"><code>PerformanceNavigationTiming.type</code></a> {{readonlyInline}} {{Experimental_Inline}}</dt>
+  <dd>Une chaîne de caractère <a href="/fr/docs/Web/API/DOMString">DOMString</a> représentant le type de navigation. Doit être : « <code>navigate</code> », « <code>reload</code> », « <code>back_forward</code> » ou « <code>prerender</code> ».</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceNavigationTiming/unloadEventEnd"><code>PerformanceNavigationTiming.unloadEventEnd</code></a> {{readonlyInline}} {{Experimental_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant la valeur temporelle égale au temps immédiatement après que l'agent utilisateur ait terminé l'événement de déchargement du document précédent.</dd>
+  <dt><a href="/fr/docs/Web/API/PerformanceNavigationTiming/unloadEventStart"><code>PerformanceNavigationTiming.unloadEventStart</code></a> {{readonlyInline}} {{Experimental_Inline}}</dt>
+  <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant la valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne lance l'événement de déchargement du document précédent.</dd>
+</dl>
+
+<h2 id="Methods">Méthodes</h2>
+
+<dl>
+  <dt><a href="/fr/docs/Web/API/PerformanceNavigationTiming/toJSON"><code>PerformanceNavigationTiming.toJSON()</code></a> {{Experimental_Inline}}</dt>
+  <dd>Retourne une chaîne de caractères <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> qui est la représentation JSON de l'objet <a href="/fr/docs/Web/API/PerformanceNavigationTiming"><code>PerformanceNavigationTiming</code></a>.</dd>
+</dl>
+
+<h2 id="Specifications">Spécifications</h2>
+
+<table class="standard-table">
+  <thead>
+    <tr>
+      <th scope="col">Spécifications</th>
+      <th scope="col">Statut</th>
+      <th scope="col">Commentaire</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>{{SpecName('Navigation Timing Level 2', '#sec-PerformanceNavigationTiming', 'PerformanceNavigationTiming')}}</td>
+      <td>{{Spec2('Navigation Timing Level 2')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceNavigationTiming")}}</p>
+
+<h2 id="See_also">Voir aussi</h2>
+
+<ul>
+  <li><a href="/fr/docs/Web/API/Performance/navigation"><code>Performance.navigation</code></a></li>
+  <li><a href="/fr/docs/Web/API/PerformanceNavigation"><code>PerformanceNavigation</code></a></li>
+</ul>
diff --git a/files/fr/web/api/performancenavigationtiming/loadeventend/index.html b/files/fr/web/api/performancenavigationtiming/loadeventend/index.html
new file mode 100644
index 0000000000..58b2490f45
--- /dev/null
+++ b/files/fr/web/api/performancenavigationtiming/loadeventend/index.html
@@ -0,0 +1,74 @@
+---
+title: PerformanceNavigationTiming.loadEventEnd
+slug: Web/API/PerformanceNavigationTiming/loadEventEnd
+tags:
+  - API
+  - Property
+  - Propriété
+  - Reference
+  - PerformanceNavigationTiming
+  - Performance Web
+translation_of: Web/API/PerformanceNavigationTiming/loadEventEnd
+---
+<div>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</div>
+
+<p>La propriété en lecture seule <strong><code>loadEventEnd</code></strong> renvoie un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> qui est égal à l'heure à laquelle l'événement de chargement du document actuel est terminé.</p>
+
+<h2 id="Syntax">Syntaxe</h2>
+
+<pre class="brush:js"><var>perfEntry</var>.loadEventEnd;</pre>
+
+<h3 id="Return_Value">Valeur de retour</h3>
+
+<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant le moment où l'événement de chargement du document actuel est terminé.</p>
+
+<h2 id="Example">Exemple</h2>
+
+<p>L'exemple suivant illustre l'utilisation de cette propriété.</p>
+
+<pre class="brush:js">function print_nav_timing_data() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements de type "navigation".
+  let perfEntries = performance.getEntriesByType("navigation");
+
+  for (let i = 0; i &lt; perfEntries.length; i++) {
+    console.log("= Entrée de navigation : entry[" + i + "]");
+    let p = perfEntries[i];
+    // propriétés du DOM
+    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log("Contenu du DOM complet = " + p.domComplete);
+    console.log("Contenu du DOM interactif = " + p.interactive);
+
+    // temps de chargement et de déchargement des documents
+    console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
+    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+
+    // autres propriétés
+    console.log("type = " + p.type);
+    console.log("redirectCount = " + p.redirectCount);
+  }
+}
+</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('Navigation Timing Level 2',
+        '#dom-performancenavigationtiming-loadeventend', 'loadEventEnd')}}</td>
+      <td>{{Spec2('Navigation Timing Level 2')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceNavigationTiming.loadEventEnd")}}</p>
diff --git a/files/fr/web/api/performancenavigationtiming/loadeventstart/index.html b/files/fr/web/api/performancenavigationtiming/loadeventstart/index.html
new file mode 100644
index 0000000000..910b29c044
--- /dev/null
+++ b/files/fr/web/api/performancenavigationtiming/loadeventstart/index.html
@@ -0,0 +1,74 @@
+---
+title: PerformanceNavigationTiming.loadEventStart
+slug: Web/API/PerformanceNavigationTiming/loadEventStart
+tags:
+  - API
+  - Property
+  - Propriété
+  - Reference
+  - PerformanceNavigationTiming
+  - Performance Web
+translation_of: Web/API/PerformanceNavigationTiming/loadEventStart
+---
+<div>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</div>
+
+<p>La propriété en lecture seule <strong><code>loadEventStart</code></strong> retourne un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant la valeur temporelle égale au temps immédiatement avant le déclenchement de l'événement de chargement du document actuel.</p>
+
+<h2 id="Syntax">Syntaxe</h2>
+
+<pre class="brush:js"><var>perfEntry</var>.loadEventStart;</pre>
+
+<h3 id="Return_Value">Valeur de retour</h3>
+
+<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant une valeur temporelle égale à l'heure précédant immédiatement l'événement de chargement du document actuel.</p>
+
+<h2 id="Example">Exemple</h2>
+
+<p>L'exemple suivant illustre l'utilisation de cette propriété.</p>
+
+<pre class="brush:js">function print_nav_timing_data() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements de type "navigation".
+  let perfEntries = performance.getEntriesByType("navigation");
+
+  for (let i = 0; i &lt; perfEntries.length; i++) {
+    console.log("= Entrée de navigation : entry[" + i + "]");
+    let p = perfEntries[i];
+    // propriétés du DOM
+    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log("Contenu du DOM complet = " + p.domComplete);
+    console.log("Contenu du DOM interactif = " + p.interactive);
+
+    // temps de chargement et de déchargement des documents
+    console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
+    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+
+    // autres propriétés
+    console.log("type = " + p.type);
+    console.log("redirectCount = " + p.redirectCount);
+  }
+}
+</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('Navigation Timing Level 2',
+        '#dom-performancenavigationtiming-loadeventstart', 'loadEventStart')}}</td>
+      <td>{{Spec2('Navigation Timing Level 2')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceNavigationTiming.loadEventStart")}}</p>
diff --git a/files/fr/web/api/performancenavigationtiming/redirectcount/index.html b/files/fr/web/api/performancenavigationtiming/redirectcount/index.html
new file mode 100644
index 0000000000..5c17f209f2
--- /dev/null
+++ b/files/fr/web/api/performancenavigationtiming/redirectcount/index.html
@@ -0,0 +1,74 @@
+---
+title: PerformanceNavigationTiming.redirectCount
+slug: Web/API/PerformanceNavigationTiming/redirectCount
+tags:
+  - API
+  - Property
+  - Propriété
+  - Reference
+  - PerformanceNavigationTiming
+  - Performance Web
+translation_of: Web/API/PerformanceNavigationTiming/redirectCount
+---
+<div>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</div>
+
+<p>La propriété en lecture seule <strong><code>redirectCount</code></strong> renvoie un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant le nombre de redirections depuis la dernière navigation sans redirection dans le contexte de navigation actuel.</p>
+
+<h2 id="Syntax">Syntaxe</h2>
+
+<pre class="brush: js"><var>perfEntry</var>.redirectCount;</pre>
+
+<h3 id="Return_Value">Valeur de retour</h3>
+
+<p>Un nombre représentant le nombre de redirections depuis la dernière navigation sans redirection dans le contexte de navigation actuel.</p>
+
+<h2 id="Example">Exemple</h2>
+
+<p>L'exemple suivant illustre l'utilisation de cette propriété.</p>
+
+<pre class="brush:js">function print_nav_timing_data() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements de type "navigation".
+  let perfEntries = performance.getEntriesByType("navigation");
+
+  for (let i = 0; i &lt; perfEntries.length; i++) {
+    console.log("= Entrée de navigation : entry[" + i + "]");
+    let p = perfEntries[i];
+    // propriétés du DOM
+    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log("Contenu du DOM complet = " + p.domComplete);
+    console.log("Contenu du DOM interactif = " + p.interactive);
+
+    // temps de chargement et de déchargement des documents
+    console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
+    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+
+    // autres propriétés
+    console.log("type = " + p.type);
+    console.log("redirectCount = " + p.redirectCount);
+  }
+}
+</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('Navigation Timing Level 2',
+        '#dom-performancenavigationtiming-redirectcount', 'redirectCount')}}</td>
+      <td>{{Spec2('Navigation Timing Level 2')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceNavigationTiming.redirectCount")}}</p>
diff --git a/files/fr/web/api/performancenavigationtiming/tojson/index.html b/files/fr/web/api/performancenavigationtiming/tojson/index.html
new file mode 100644
index 0000000000..8ca2ec6289
--- /dev/null
+++ b/files/fr/web/api/performancenavigationtiming/tojson/index.html
@@ -0,0 +1,66 @@
+---
+title: PerformanceNavigationTiming.toJSON()
+slug: Web/API/PerformanceNavigationTiming/toJSON
+tags:
+  - API
+  - Method
+  - Méthode
+  - Reference
+  - PerformanceNavigationTiming
+  - Performance Web
+translation_of: Web/API/PerformanceNavigationTiming/toJSON
+---
+<div>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</div>
+
+<p>La méthode <strong><code>toJSON()</code></strong> est un <em>sérialiseur</em> - elle renvoie une représentation JSON de l'objet <a href="/fr/docs/Web/API/PerformanceNavigationTiming"><code>PerformanceNavigationTiming</code></a>.</p>
+
+<h2 id="Syntax">Syntaxe</h2>
+
+<pre class="brush:js">const <var>json</var> = <var>resourcePerfEntry</var>.toJSON();</pre>
+
+<h3 id="Arguments">Arguments</h3>
+
+<p>Aucun.</p>
+
+<h3 id="Return_value">Valeur de retour</h3>
+
+<dl>
+  <dt><code>json</code></dt>
+  <dd>Un objet JSON qui est la sérialisation de l'objet <a href="/fr/docs/Web/API/PerformanceNavigationTiming"><code>PerformanceNavigationTiming</code></a> comme une carte avec des entrées de l'interface héritée la plus proche et avec des entrées pour chacun des attributs sérialisables.</dd>
+</dl>
+
+<h2 id="Example">Exemple</h2>
+
+<pre class="brush: js">// Obtient une entrée de performance des ressources
+let perfEntries = performance.getEntriesByType("navigation");
+let entry = perfEntries[0];
+
+// Récupère le JSON et l'affiche dans les journaux
+let json = entry.toJSON();
+let s = JSON.stringify(json);
+console.log("PerformanceNavigationTiming.toJSON() = " + s);
+</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('Navigation Timing Level 2',
+        '#dom-performancenavigationtiming-tojson', 'toJSON()')}}</td>
+      <td>{{Spec2('Navigation Timing Level 2')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceNavigationTiming.toJSON")}}</p>
diff --git a/files/fr/web/api/performancenavigationtiming/type/index.html b/files/fr/web/api/performancenavigationtiming/type/index.html
new file mode 100644
index 0000000000..4c0d9dcb12
--- /dev/null
+++ b/files/fr/web/api/performancenavigationtiming/type/index.html
@@ -0,0 +1,85 @@
+---
+title: PerformanceNavigationTiming.type
+slug: Web/API/PerformanceNavigationTiming/type
+tags:
+  - API
+  - Property
+  - Propriété
+  - Reference
+  - PerformanceNavigationTiming
+  - Performance Web
+translation_of: Web/API/PerformanceNavigationTiming/type
+---
+<div>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</div>
+
+<p>La propriété en lecture seule <strong><code>type</code></strong> renvoie une chaîne de caractères <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> représentant le type de navigation. La valeur doit être l'une des suivantes :</p>
+
+<dl>
+  <dt><code>navigate</code></dt>
+  <dd>La navigation a commencé en cliquant sur un lien, en saisissant l'URL dans la barre d'adresse du navigateur, en soumettant un formulaire ou en s'initialisant par une opération de script autre que reload et back_forward, comme indiqué ci-dessous.</dd>
+  <dt><code>reload</code></dt>
+  <dd>La navigation s'effectue par l'opération de rechargement du navigateur ou <a href="/fr/docs/Web/API/location/reload"><code>location.reload()</code></a>.</dd>
+  <dt><code>back_forward</code></dt>
+  <dd>La navigation se fait par l'opération de traversée de l'historique du navigateur.</dd>
+  <dt><code>prerender</code></dt>
+  <dd>La navigation est initiée par un <a href="https://www.w3.org/TR/resource-hints/#prerender">indice de prétraitement</a>.</dd>
+</dl>
+
+<h2 id="Syntax">Syntaxe</h2>
+
+<pre class="brush:js"><var>perfEntry</var>.type;</pre>
+
+<h3 id="Return_Value">Valeur de retour</h3>
+
+<p>Une chaîne de caractères <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> qui est l'une des valeurs énumérées ci-dessus.</p>
+
+<h2 id="Example">Exemple</h2>
+
+<p>L'exemple suivant illustre l'utilisation de cette propriété.</p>
+
+<pre class="brush:js">function print_nav_timing_data() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements de type "navigation".
+  let perfEntries = performance.getEntriesByType("navigation");
+
+  for (let i = 0; i &lt; perfEntries.length; i++) {
+    console.log("= Entrée de navigation : entry[" + i + "]");
+    let p = perfEntries[i];
+    // propriétés du DOM
+    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log("Contenu du DOM complet = " + p.domComplete);
+    console.log("Contenu du DOM interactif = " + p.interactive);
+
+    // temps de chargement et de déchargement des documents
+    console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
+    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+
+    // autres propriétés
+    console.log("type = " + p.type);
+    console.log("redirectCount = " + p.redirectCount);
+  }
+}
+</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('Navigation Timing Level 2', '#dom-performancenavigationtiming-type',
+        'type')}}</td>
+      <td>{{Spec2('Navigation Timing Level 2')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceNavigationTiming.type")}}</p>
diff --git a/files/fr/web/api/performancenavigationtiming/unloadeventend/index.html b/files/fr/web/api/performancenavigationtiming/unloadeventend/index.html
new file mode 100644
index 0000000000..c1625c81d2
--- /dev/null
+++ b/files/fr/web/api/performancenavigationtiming/unloadeventend/index.html
@@ -0,0 +1,74 @@
+---
+title: PerformanceNavigationTiming.unloadEventEnd
+slug: Web/API/PerformanceNavigationTiming/unloadEventEnd
+tags:
+  - API
+  - Property
+  - Propriété
+  - Reference
+  - PerformanceNavigationTiming
+  - Performance Web
+translation_of: Web/API/PerformanceNavigationTiming/unloadEventEnd
+---
+<div>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</div>
+
+<p>La propriété <strong><code>unloadEventEnd</code></strong> en lecture seule retourne un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant la valeur temporelle égale au temps immédiatement après la fin de l'événement de déchargement du document précédent par l'agent utilisateur. S'il n'y a pas de document précédent, la valeur de cette propriété est <code>0</code>.</p>
+
+<h2 id="Syntax">Syntaxe</h2>
+
+<pre class="brush:js"><var>perfEntry</var>.unloadEventEnd;</pre>
+
+<h3 id="Return_Value">Valeur de retour</h3>
+
+<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant une valeur temporelle égale au temps immédiatement après que l'agent utilisateur ait terminé l'événement de déchargement du document précédent.</p>
+
+<h2 id="Example">Exemple</h2>
+
+<p>L'exemple suivant illustre l'utilisation de cette propriété.</p>
+
+<pre class="brush:js">function print_nav_timing_data() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements de type "navigation".
+  let perfEntries = performance.getEntriesByType("navigation");
+
+  for (let i = 0; i &lt; perfEntries.length; i++) {
+    console.log("= Entrée de navigation : entry[" + i + "]");
+    let p = perfEntries[i];
+    // propriétés du DOM
+    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log("Contenu du DOM complet = " + p.domComplete);
+    console.log("Contenu du DOM interactif = " + p.interactive);
+
+    // temps de chargement et de déchargement des documents
+    console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
+    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+
+    // autres propriétés
+    console.log("type = " + p.type);
+    console.log("redirectCount = " + p.redirectCount);
+  }
+}
+</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('Navigation Timing Level 2',
+        '#dom-performancenavigationtiming-unloadeventend', 'unloadEventEnd')}}</td>
+      <td>{{Spec2('Navigation Timing Level 2')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceNavigationTiming.unloadEventEnd")}}</p>
diff --git a/files/fr/web/api/performancenavigationtiming/unloadeventstart/index.html b/files/fr/web/api/performancenavigationtiming/unloadeventstart/index.html
new file mode 100644
index 0000000000..f4b7ceabba
--- /dev/null
+++ b/files/fr/web/api/performancenavigationtiming/unloadeventstart/index.html
@@ -0,0 +1,74 @@
+---
+title: PerformanceNavigationTiming.unloadEventStart
+slug: Web/API/PerformanceNavigationTiming/unloadEventStart
+tags:
+  - API
+  - Property
+  - Propriété
+  - Reference
+  - PerformanceNavigationTiming
+  - Performance Web
+translation_of: Web/API/PerformanceNavigationTiming/unloadEventStart
+---
+<div>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</div>
+
+<p>La propriété en lecture seule <strong><code>unloadEventStart</code></strong> renvoie un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant la valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne commence l'événement de déchargement du document précédent. S'il n'y a pas de document précédent, cette propriété renvoie <code>0</code>.</p>
+
+<h2 id="Syntax">Syntaxe</h2>
+
+<pre class="brush:js"><var>perfEntry</var>.unloadEventStart;</pre>
+
+<h3 id="Return_Value">Valeur de retour</h3>
+
+<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant la valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne lance l'événement de déchargement du document précédent.</p>
+
+<h2 id="Example">Exemple</h2>
+
+<p>L'exemple suivant illustre l'utilisation de cette propriété.</p>
+
+<pre class="brush:js">function print_nav_timing_data() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements de type "navigation".
+  let perfEntries = performance.getEntriesByType("navigation");
+
+  for (let i = 0; i &lt; perfEntries.length; i++) {
+    console.log("= Entrée de navigation : entry[" + i + "]");
+    let p = perfEntries[i];
+    // propriétés du DOM
+    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log("Contenu du DOM complet = " + p.domComplete);
+    console.log("Contenu du DOM interactif = " + p.interactive);
+
+    // temps de chargement et de déchargement des documents
+    console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
+    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+
+    // autres propriétés
+    console.log("type = " + p.type);
+    console.log("redirectCount = " + p.redirectCount);
+  }
+}
+</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('Navigation Timing Level 2',
+        '#dom-performancenavigationtiming-unloadeventstart', 'unloadEventStart')}}</td>
+      <td>{{Spec2('Navigation Timing Level 2')}}</td>
+      <td>Définition initiale.</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("api.PerformanceNavigationTiming.unloadEventStart")}}</p>