aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/performanceresourcetiming
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-10-02 17:20:24 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-10-02 17:30:20 +0200
commit1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch)
tree30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/performanceresourcetiming
parentc05efa8d7ae464235cf83d7c0956e42dc6974103 (diff)
downloadtranslated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip
convert content to md
Diffstat (limited to 'files/fr/web/api/performanceresourcetiming')
-rw-r--r--files/fr/web/api/performanceresourcetiming/connectend/index.md56
-rw-r--r--files/fr/web/api/performanceresourcetiming/connectstart/index.md56
-rw-r--r--files/fr/web/api/performanceresourcetiming/decodedbodysize/index.md54
-rw-r--r--files/fr/web/api/performanceresourcetiming/domainlookupend/index.md58
-rw-r--r--files/fr/web/api/performanceresourcetiming/domainlookupstart/index.md56
-rw-r--r--files/fr/web/api/performanceresourcetiming/encodedbodysize/index.md64
-rw-r--r--files/fr/web/api/performanceresourcetiming/fetchstart/index.md72
-rw-r--r--files/fr/web/api/performanceresourcetiming/index.md191
-rw-r--r--files/fr/web/api/performanceresourcetiming/initiatortype/index.md64
-rw-r--r--files/fr/web/api/performanceresourcetiming/nexthopprotocol/index.md56
-rw-r--r--files/fr/web/api/performanceresourcetiming/redirectend/index.md58
-rw-r--r--files/fr/web/api/performanceresourcetiming/redirectstart/index.md58
-rw-r--r--files/fr/web/api/performanceresourcetiming/requeststart/index.md58
-rw-r--r--files/fr/web/api/performanceresourcetiming/responseend/index.md56
-rw-r--r--files/fr/web/api/performanceresourcetiming/responsestart/index.md56
-rw-r--r--files/fr/web/api/performanceresourcetiming/secureconnectionstart/index.md57
-rw-r--r--files/fr/web/api/performanceresourcetiming/servertiming/index.md43
-rw-r--r--files/fr/web/api/performanceresourcetiming/tojson/index.md56
-rw-r--r--files/fr/web/api/performanceresourcetiming/transfersize/index.md64
-rw-r--r--files/fr/web/api/performanceresourcetiming/workerstart/index.md56
20 files changed, 535 insertions, 754 deletions
diff --git a/files/fr/web/api/performanceresourcetiming/connectend/index.md b/files/fr/web/api/performanceresourcetiming/connectend/index.md
index c5c10a2ec5..82f62f1647 100644
--- a/files/fr/web/api/performanceresourcetiming/connectend/index.md
+++ b/files/fr/web/api/performanceresourcetiming/connectend/index.md
@@ -11,28 +11,31 @@ tags:
- connectEnd
translation_of: Web/API/PerformanceResourceTiming/connectEnd
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>connectEnd</code></strong> renvoie le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> de l'instant suivant immédiatement la fin d'établissement de la connexion du navigateur au serveur pour récupérer la ressource. La valeur de l'horodatage comprend l'intervalle de temps pour établir la connexion de transport, ainsi que d'autres intervalles de temps tels que la poignée de main TLS/SSL et l'authentification SOCKS.</p>
+La propriété en lecture seule **`connectEnd`** renvoie le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) de l'instant suivant immédiatement la fin d'établissement de la connexion du navigateur au serveur pour récupérer la ressource. La valeur de l'horodatage comprend l'intervalle de temps pour établir la connexion de transport, ainsi que d'autres intervalles de temps tels que la poignée de main TLS/SSL et l'authentification SOCKS.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.connectEnd;</pre>
+```js
+resource.connectEnd;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant le temps après l'établissement d'une connexion.</p>
+Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant le temps après l'établissement d'une connexion.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, la valeur des propriétés <code>*Start</code> et <code>*End</code> de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> sont consignés.</p>
+Dans l'exemple suivant, la valeur des propriétés `*Start` et `*End` de tous les événements de [type](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont consignés.
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_start_and_end_properties(p[i]);
}
}
@@ -46,7 +49,7 @@ function print_start_and_end_properties(perfEntry) {
"responseStart", "responseEnd",
"secureConnectionStart"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// vérifie chaque propriété
let supported = properties[i] in perfEntry;
if (supported) {
@@ -57,28 +60,15 @@ function print_start_and_end_properties(perfEntry) {
}
}
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing', '#dom-performanceresourcetiming-connectend',
- 'connectEnd')}}</td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------ | -------------------- |
+| {{SpecName('Resource Timing', '#dom-performanceresourcetiming-connectend',
+ 'connectEnd')}} | {{Spec2('Resource Timing')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.connectEnd")}}</p>
+{{Compat("api.PerformanceResourceTiming.connectEnd")}}
diff --git a/files/fr/web/api/performanceresourcetiming/connectstart/index.md b/files/fr/web/api/performanceresourcetiming/connectstart/index.md
index 31d6fbf5da..e42762eed0 100644
--- a/files/fr/web/api/performanceresourcetiming/connectstart/index.md
+++ b/files/fr/web/api/performanceresourcetiming/connectstart/index.md
@@ -11,28 +11,31 @@ tags:
- connectStart
translation_of: Web/API/PerformanceResourceTiming/connectStart
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>connectStart</code></strong> retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> de l'instant avant que l'agent utilisateur ne commence à établir la connexion au serveur pour récupérer la ressource.</p>
+La propriété en lecture seule **`connectStart`** retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) de l'instant avant que l'agent utilisateur ne commence à établir la connexion au serveur pour récupérer la ressource.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.connectStart;</pre>
+```js
+resource.connectStart;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement avant que le navigateur ne commence à établir la connexion avec le serveur pour récupérer la ressource.</p>
+Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne commence à établir la connexion avec le serveur pour récupérer la ressource.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, la valeur des propriétés <code>*Start</code> et <code>*End</code> de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> sont consignés.</p>
+Dans l'exemple suivant, la valeur des propriétés `*Start` et `*End` de tous les événements de [type](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont consignés.
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_start_and_end_properties(p[i]);
}
}
@@ -46,7 +49,7 @@ function print_start_and_end_properties(perfEntry) {
"responseStart", "responseEnd",
"secureConnectionStart"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// vérifie chaque propriété
let supported = properties[i] in perfEntry;
if (supported) {
@@ -57,28 +60,15 @@ function print_start_and_end_properties(perfEntry) {
}
}
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing', '#dom-performanceresourcetiming-connectstart',
- 'connectStart')}}</td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- |
+| {{SpecName('Resource Timing', '#dom-performanceresourcetiming-connectstart',
+ 'connectStart')}} | {{Spec2('Resource Timing')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.connectStart")}}</p>
+{{Compat("api.PerformanceResourceTiming.connectStart")}}
diff --git a/files/fr/web/api/performanceresourcetiming/decodedbodysize/index.md b/files/fr/web/api/performanceresourcetiming/decodedbodysize/index.md
index 9f83cb80c7..28b6f47127 100644
--- a/files/fr/web/api/performanceresourcetiming/decodedbodysize/index.md
+++ b/files/fr/web/api/performanceresourcetiming/decodedbodysize/index.md
@@ -11,25 +11,28 @@ tags:
- decodedBodySize
translation_of: Web/API/PerformanceResourceTiming/decodedBodySize
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>decodedBodySize</code></strong> renvoie la taille (en octets) reçue de la récupération (HTTP ou cache) du corps du message, après suppression de tout codage de contenu appliqué. Si la ressource est récupérée à partir d'un cache d'application ou de ressources locales, elle renvoie la taille de la donnée utile après suppression de tous les codages de contenu appliqués.</p>
+La propriété en lecture seule **`decodedBodySize`** renvoie la taille (en octets) reçue de la récupération (HTTP ou cache) du corps du message, après suppression de tout codage de contenu appliqué. Si la ressource est récupérée à partir d'un cache d'application ou de ressources locales, elle renvoie la taille de la donnée utile après suppression de tous les codages de contenu appliqués.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.decodedBodySize;</pre>
+```js
+resource.decodedBodySize;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>La taille (en octets) reçue de l'extraction (HTTP ou cache) du corps du message, après suppression de tout codage de contenu appliqué.</p>
+La taille (en octets) reçue de l'extraction (HTTP ou cache) du corps du message, après suppression de tout codage de contenu appliqué.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, la valeur des propriétés de taille de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> est enregistrée.</p>
+Dans l'exemple suivant, la valeur des propriétés de taille de tous les événements de [type](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` est enregistrée.
-<pre class="brush: js">function log_sizes(<var>perfEntry</var>){
+```js
+function log_sizes(perfEntry){
// Vérifie la prise en charge des propriétés *size et imprime leurs
// valeurs si elles sont prises en charge.
if ("decodedBodySize" in perfEntry) {
@@ -53,32 +56,19 @@ translation_of: Web/API/PerformanceResourceTiming/decodedBodySize
function check_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
log_sizes(p[i]);
}
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing 2',
- '#dom-performanceresourcetiming-decodedbodysize', 'decodedBodySize')}}</td>
- <td>{{Spec2('Resource Timing 2')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | -------------------- |
+| {{SpecName('Resource Timing 2',
+ '#dom-performanceresourcetiming-decodedbodysize', 'decodedBodySize')}} | {{Spec2('Resource Timing 2')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.decodedBodySize")}}</p>
+{{Compat("api.PerformanceResourceTiming.decodedBodySize")}}
diff --git a/files/fr/web/api/performanceresourcetiming/domainlookupend/index.md b/files/fr/web/api/performanceresourcetiming/domainlookupend/index.md
index be289e3896..a2e6ec2240 100644
--- a/files/fr/web/api/performanceresourcetiming/domainlookupend/index.md
+++ b/files/fr/web/api/performanceresourcetiming/domainlookupend/index.md
@@ -11,30 +11,33 @@ tags:
- domainLookupEnd
translation_of: Web/API/PerformanceResourceTiming/domainLookupEnd
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>domainLookupEnd</code></strong> retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> immédiatement après que le navigateur ait terminé la recherche du nom de domaine pour la ressource.</p>
+La propriété en lecture seule **`domainLookupEnd`** retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement après que le navigateur ait terminé la recherche du nom de domaine pour la ressource.
-<p>Si l'agent utilisateur dispose des informations de domaine dans le cache, <a href="/fr/docs/Web/API/PerformanceResourceTiming/domainLookupStart"><code>domainLookupStart</code></a> et <a href="/fr/docs/Web/API/PerformanceResourceTiming/domainLookupEnd"><code>domainLookupEnd</code></a> représentent les moments où l'agent utilisateur commence et termine la récupération des données de domaine dans le cache.</p>
+Si l'agent utilisateur dispose des informations de domaine dans le cache, [`domainLookupStart`](/fr/docs/Web/API/PerformanceResourceTiming/domainLookupStart) et [`domainLookupEnd`](/fr/docs/Web/API/PerformanceResourceTiming/domainLookupEnd) représentent les moments où l'agent utilisateur commence et termine la récupération des données de domaine dans le cache.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.domainLookupEnd;</pre>
+```js
+resource.domainLookupEnd;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant l'heure immédiatement après la fin de la recherche du nom de domaine de la ressource par le navigateur.</p>
+Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant l'heure immédiatement après la fin de la recherche du nom de domaine de la ressource par le navigateur.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, la valeur des propriétés <code>*Start</code> et <code>*End</code> de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> sont enregistrés.</p>
+Dans l'exemple suivant, la valeur des propriétés `*Start` et `*End` de tous les événements de [type](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont enregistrés.
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_start_and_end_properties(p[i]);
}
}
@@ -48,7 +51,7 @@ function print_start_and_end_properties(perfEntry) {
"responseStart", "responseEnd",
"secureConnectionStart"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// vérifie chaque propriété
let supported = properties[i] in perfEntry;
if (supported) {
@@ -59,28 +62,15 @@ function print_start_and_end_properties(perfEntry) {
}
}
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing', '#dom-performanceresourcetiming-domainlookupend',
- 'domainLookupEnd')}}</td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------ | -------------------- |
+| {{SpecName('Resource Timing', '#dom-performanceresourcetiming-domainlookupend',
+ 'domainLookupEnd')}} | {{Spec2('Resource Timing')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.domainLookupEnd")}}</p>
+{{Compat("api.PerformanceResourceTiming.domainLookupEnd")}}
diff --git a/files/fr/web/api/performanceresourcetiming/domainlookupstart/index.md b/files/fr/web/api/performanceresourcetiming/domainlookupstart/index.md
index 0e4ed58d1e..75fb3ff428 100644
--- a/files/fr/web/api/performanceresourcetiming/domainlookupstart/index.md
+++ b/files/fr/web/api/performanceresourcetiming/domainlookupstart/index.md
@@ -11,28 +11,31 @@ tags:
- domainLookupStart
translation_of: Web/API/PerformanceResourceTiming/domainLookupStart
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>domainLookupStart</code></strong> retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> immédiatement avant que le navigateur ne commence la recherche du nom de domaine pour la ressource.</p>
+La propriété en lecture seule **`domainLookupStart`** retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne commence la recherche du nom de domaine pour la ressource.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.domainLookupStart;</pre>
+```js
+resource.domainLookupStart;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement avant que le navigateur ne commence la recherche du nom de domaine pour la ressource.</p>
+Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne commence la recherche du nom de domaine pour la ressource.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, la valeur des propriétés <code>*Start</code> et <code>*End</code> de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> sont enregistrés.</p>
+Dans l'exemple suivant, la valeur des propriétés `*Start` et `*End` de tous les événements de [type](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont enregistrés.
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_start_and_end_properties(p[i]);
}
}
@@ -46,7 +49,7 @@ function print_start_and_end_properties(perfEntry) {
"responseStart", "responseEnd",
"secureConnectionStart"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// vérifie chaque propriété
let supported = properties[i] in perfEntry;
if (supported) {
@@ -57,28 +60,15 @@ function print_start_and_end_properties(perfEntry) {
}
}
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing',
- '#dom-performanceresourcetiming-domainlookupstart', 'domainLookupStart')}}</td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- |
+| {{SpecName('Resource Timing',
+ '#dom-performanceresourcetiming-domainlookupstart', 'domainLookupStart')}} | {{Spec2('Resource Timing')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.domainLookupStart")}}</p>
+{{Compat("api.PerformanceResourceTiming.domainLookupStart")}}
diff --git a/files/fr/web/api/performanceresourcetiming/encodedbodysize/index.md b/files/fr/web/api/performanceresourcetiming/encodedbodysize/index.md
index 567134f104..4312c86024 100644
--- a/files/fr/web/api/performanceresourcetiming/encodedbodysize/index.md
+++ b/files/fr/web/api/performanceresourcetiming/encodedbodysize/index.md
@@ -11,27 +11,30 @@ tags:
- encodedBodySize
translation_of: Web/API/PerformanceResourceTiming/encodedBodySize
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété <strong><code>encodedBodySize</code></strong> en lecture seule représente la taille (en octets) reçue de la récupération (HTTP ou cache), du <em>corps de la donnée utile</em>, avant de supprimer tout codage de contenu appliqué.</p>
+La propriété **`encodedBodySize`** en lecture seule représente la taille (en octets) reçue de la récupération (HTTP ou cache), du _corps de la donnée utile_, avant de supprimer tout codage de contenu appliqué.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<p>Si la ressource est extraite d'un cache d'application ou d'une ressource locale, elle doit renvoyer la taille du corps de la charge utile avant de supprimer tout codage de contenu appliqué.</p>
+Si la ressource est extraite d'un cache d'application ou d'une ressource locale, elle doit renvoyer la taille du corps de la charge utile avant de supprimer tout codage de contenu appliqué.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.encodedBodySize;</pre>
+```js
+resource.encodedBodySize;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un <code>number</code> représentant la taille (en octets) reçue de la récupération (HTTP ou cache), du <em>corps de la donnée utile</em>, avant de supprimer tout codage de contenu appliqué.</p>
+Un `number` représentant la taille (en octets) reçue de la récupération (HTTP ou cache), du _corps de la donnée utile_, avant de supprimer tout codage de contenu appliqué.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, la valeur des propriétés de taille de tous les <a href="/fr/docs/Web/API/PerformanceEntry/entryType">types</a> <code>"resource"</code> sont enregistrées.</p>
+Dans l'exemple suivant, la valeur des propriétés de taille de tous les [types](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont enregistrées.
-<pre class="brush: js">function log_sizes(perfEntry){
+```js
+function log_sizes(perfEntry){
// Vérifie la prise en charge des propriétés PerformanceEntry.*size et imprime leurs valeurs
// si elles sont prises en charge
if ("decodedBodySize" in perfEntry)
@@ -52,32 +55,19 @@ translation_of: Web/API/PerformanceResourceTiming/encodedBodySize
function check_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
log_sizes(p[i]);
}
}
-</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('Resource Timing 2',
- '#dom-performanceresourcetiming-encodedbodysize', 'encodedBodySize')}}</td>
- <td>{{Spec2('Resource Timing 2')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.PerformanceResourceTiming.encodedBodySize")}}</p>
+```
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | -------------------- |
+| {{SpecName('Resource Timing 2',
+ '#dom-performanceresourcetiming-encodedbodysize', 'encodedBodySize')}} | {{Spec2('Resource Timing 2')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.PerformanceResourceTiming.encodedBodySize")}}
diff --git a/files/fr/web/api/performanceresourcetiming/fetchstart/index.md b/files/fr/web/api/performanceresourcetiming/fetchstart/index.md
index 9acdd0756b..819e8d75fc 100644
--- a/files/fr/web/api/performanceresourcetiming/fetchstart/index.md
+++ b/files/fr/web/api/performanceresourcetiming/fetchstart/index.md
@@ -2,39 +2,42 @@
title: PerformanceResourceTiming.fetchStart
slug: Web/API/PerformanceResourceTiming/fetchStart
tags:
-- API
-- Property
-- Propriété
-- Reference
-- Performance Web
-- Resource Timing API
-- fetchStart
+ - API
+ - Property
+ - Propriété
+ - Reference
+ - Performance Web
+ - Resource Timing API
+ - fetchStart
translation_of: Web/API/PerformanceResourceTiming/fetchStart
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>fetchStart</code></strong> représente un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> immédiatement avant que le navigateur ne commence à récupérer la ressource.</p>
+La propriété en lecture seule **`fetchStart`** représente un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne commence à récupérer la ressource.
-<p>S'il y a des redirections HTTP, la propriété renvoie le temps immédiatement avant que l'agent utilisateur ne commence à récupérer la ressource finale dans la redirection.</p>
+S'il y a des redirections HTTP, la propriété renvoie le temps immédiatement avant que l'agent utilisateur ne commence à récupérer la ressource finale dans la redirection.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.fetchStart;</pre>
+```js
+resource.fetchStart;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement avant que le navigateur ne commence à récupérer la ressource.</p>
+Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne commence à récupérer la ressource.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, la valeur des propriétés <code>*Start</code> et <code>*End</code> de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> sont enregistrés.</p>
+Dans l'exemple suivant, la valeur des propriétés `*Start` et `*End` de tous les événements de [type](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont enregistrés.
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_start_and_end_properties(p[i]);
}
}
@@ -48,7 +51,7 @@ function print_start_and_end_properties(perfEntry) {
"responseStart", "responseEnd",
"secureConnectionStart"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// vérifie chaque propriété
let supported = properties[i] in perfEntry;
if (supported) {
@@ -59,28 +62,15 @@ function print_start_and_end_properties(perfEntry) {
}
}
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing', '#dom-performanceresourcetiming-fetchstart',
- 'fetchStart')}}</td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------ | -------------------- |
+| {{SpecName('Resource Timing', '#dom-performanceresourcetiming-fetchstart',
+ 'fetchStart')}} | {{Spec2('Resource Timing')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.fetchStart")}}</p>
+{{Compat("api.PerformanceResourceTiming.fetchStart")}}
diff --git a/files/fr/web/api/performanceresourcetiming/index.md b/files/fr/web/api/performanceresourcetiming/index.md
index 708701fc43..a863aad535 100644
--- a/files/fr/web/api/performanceresourcetiming/index.md
+++ b/files/fr/web/api/performanceresourcetiming/index.md
@@ -10,109 +10,88 @@ tags:
- Resource Timing API
translation_of: Web/API/PerformanceResourceTiming
---
-<div>{{APIRef("Resource Timing API")}}</div>
-
-<p>L'interface <strong><code>PerformanceResourceTiming</code></strong> permet de récupérer et d'analyser des données de synchronisation réseau détaillées concernant le chargement des <em>ressources</em> d'une application. Une application peut utiliser les mesures temporelles pour déterminer, par exemple, la durée nécessaire à l'extraction d'une ressource spécifique, telle qu'une <a href="/fr/docs/Web/API/XMLHttpRequest"><code>XMLHttpRequest</code></a>, un élément <a href="/fr/docs/Web/SVG/Element/svg"><code>&lt;svg&gt;</code></a>, une image ou un script.</p>
-
-<p>Les propriétés de l'interface créent une <em>chronologie de chargement des ressources</em> avec un <a href="/fr/docs/Web/API/DOMHighResTimeStamp">timestamps haute résolution</a> pour les événements réseau tels que les heures de début et de fin de redirection, les heures de début de récupération, les heures de début et de fin de recherche DNS, les heures de début et de fin de réponse, etc. En outre, l'interface étend <a href="/fr/docs/Web/API/PerformanceEntry"><code>PerformanceEntry</code></a> avec d'autres propriétés qui fournissent des données sur la taille de la ressource extraite ainsi que le <em>type</em> de ressource qui a initié l'extraction.</p>
-
-<p>{{InheritanceDiagram}}</p>
-
-<p>{{AvailableInWorkers}}</p>
-
-<h2 id="Properties">Propriétés</h2>
-
-<p>Cette interface étend les propriétés <a href="/fr/docs/Web/API/PerformanceEntry"><code>PerformanceEntry</code></a> suivantes pour les types d'entrée de performance des ressources en les restreignant comme suit :</p>
-
-<dl>
- <dt><a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>PerformanceEntry.entryType</code></a> {{readonlyInline}}</dt>
- <dd>Retourne <code>"resource"</code>.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceEntry/name"><code>PerformanceEntry.name</code></a> {{readonlyInline}}</dt>
- <dd>Retourne l'URL des ressources.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceEntry/startTime"><code>PerformanceEntry.startTime</code></a> {{readonlyInline}}</dt>
- <dd>Retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> de l'heure de début de la récupération d'une ressource. Cette valeur est équivalente à <a href="/fr/docs/Web/API/PerformanceResourceTiming/fetchStart"><code>PerformanceResourceTiming.fetchStart</code></a>.</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"><code>timestamp</code></a> qui est la différence entre les propriétés <a href="/fr/docs/Web/API/PerformanceResourceTiming/responseEnd"><code>responseEnd</code></a> et <a href="/fr/docs/Web/API/PerformanceEntry/startTime"><code>startTime</code></a>.</dd>
-</dl>
-
-<p>L'interface prend également en charge les propriétés suivantes, qui sont énumérées dans l'ordre temporel selon lequel elles sont enregistrées pour l'extraction d'une seule ressource. Une liste alphabétique est présentée dans la navigation, à gauche.</p>
-
-<dl>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/initiatorType"><code>PerformanceResourceTiming.initiatorType</code></a> {{readonlyInline}}</dt>
- <dd>Une chaîne de caractère <a href="/fr/docs/Web/API/DOMString"><code>string</code></a> représentant le <em>type</em> de ressource qui a initié l'entrée de performance, comme spécifié dans <a href="/fr/docs/Web/API/PerformanceResourceTiming/initiatorType"><code>PerformanceResourceTiming.initiatorType</code></a>.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/nextHopProtocol"><code>PerformanceResourceTiming.nextHopProtocol</code></a> {{readonlyInline}}</dt>
- <dd>Une chaîne de caractère <a href="/fr/docs/Web/API/DOMString"><code>string</code></a> représentant le <em>protocole réseau</em> utilisé pour récupérer la ressource, tel qu'identifié par le <a href="https://datatracker.ietf.org/doc/html/rfc7301">ALPN Protocol ID (RFC7301)</a>.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/workerStart"><code>PerformanceResourceTiming.workerStart</code></a> {{readonlyInline}}</dt>
- <dd>Retourne un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement avant de transmettre le <a href="/fr/docs/Web/API/FetchEvent"><code>FetchEvent</code></a> si un processus de Service Worker est déjà en cours, ou immédiatement avant de lancer le processus de Service Worker s'il n'est pas encore en cours. Si la ressource n'est pas interceptée par un Service Worker, la propriété retourne toujours 0.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/redirectStart"><code>PerformanceResourceTiming.redirectStart</code></a> {{readonlyInline}}</dt>
- <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> qui représente l'heure de début de l'extraction qui déclenche la redirection.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/redirectEnd"><code>PerformanceResourceTiming.redirectEnd</code></a> {{readonlyInline}}</dt>
- <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement après la réception du dernier octet de la réponse de la dernière redirection.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/fetchStart"><code>PerformanceResourceTiming.fetchStart</code></a> {{readonlyInline}}</dt>
- <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement avant que le navigateur ne commence à récupérer la ressource.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/domainLookupStart"><code>PerformanceResourceTiming.domainLookupStart</code></a> {{readonlyInline}}</dt>
- <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement avant que le navigateur ne commence la recherche du nom de domaine pour la ressource.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/domainLookupEnd"><code>PerformanceResourceTiming.domainLookupEnd</code></a> {{readonlyInline}}</dt>
- <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant l'heure immédiatement après la fin de la recherche du nom de domaine de la ressource par le navigateur.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/connectStart"><code>PerformanceResourceTiming.connectStart</code></a> {{readonlyInline}}</dt>
- <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement avant que le navigateur ne commence à établir la connexion avec le serveur pour récupérer la ressource.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/connectEnd"><code>PerformanceResourceTiming.connectEnd</code></a> {{readonlyInline}}</dt>
- <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement après que le navigateur ait fini d'établir la connexion avec le serveur pour récupérer la ressource.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/secureConnectionStart"><code>PerformanceResourceTiming.secureConnectionStart</code></a> {{readonlyInline}}</dt>
- <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement avant que le navigateur ne lance le processus de reconnaissance pour sécuriser la connexion en cours.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/requestStart"><code>PerformanceResourceTiming.requestStart</code></a> {{readonlyInline}}</dt>
- <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement avant que le navigateur ne commence à demander la ressource au serveur.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/responseStart"><code>PerformanceResourceTiming.responseStart</code></a> {{readonlyInline}}</dt>
- <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement après que le navigateur ait reçu le premier octet de la réponse du serveur.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/responseEnd"><code>PerformanceResourceTiming.responseEnd</code></a> {{readonlyInline}}</dt>
- <dd>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement après la réception par le navigateur du dernier octet de la ressource ou immédiatement avant la fermeture de la connexion de transfert, selon la première éventualité.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/transferSize"><code>PerformanceResourceTiming.transferSize</code></a> {{readonlyInline}}</dt>
- <dd>Un nombre représentant la taille (en octets) de la ressource extraite. La taille comprend les champs d'en-tête de la réponse plus le corps des données utiles de la réponse.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/encodedBodySize"><code>PerformanceResourceTiming.encodedBodySize</code></a> {{readonlyInline}}</dt>
- <dd>Un nombre représentant la taille (en octets) reçue de la récupération (HTTP ou cache), du <em>corps de la donnée</em>, avant de supprimer tout codage de contenu appliqué.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/decodedBodySize"><code>PerformanceResourceTiming.decodedBodySize</code></a> {{readonlyInline}}</dt>
- <dd>Un nombre représentant la taille (en octets) reçue de la récupération (HTTP ou cache) du <em>message body</em>, après avoir retiré tout codage de contenu appliqué.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/serverTiming"><code>PerformanceResourceTiming.serverTiming</code></a> {{readonlyInline}}</dt>
- <dd>Un tableau d'entrées <a href="/fr/docs/Web/API/PerformanceServerTiming"><code>PerformanceServerTiming</code></a> contenant des mesures de synchronisation du serveur.</dd>
-</dl>
-
-<h2 id="Methods">Méthodes</h2>
-
-<dl>
- <dt><a href="/fr/docs/Web/API/PerformanceResourceTiming/toJSON"><code>PerformanceResourceTiming.toJSON()</code></a></dt>
- <dd>Renvoie une chaîne de caractère <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/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a>.</dd>
-</dl>
-
-<h2 id="Example">Exemple</h2>
-
-<p>Voir l'exemple dans <a href="/fr/docs/Web/API/Resource_Timing_API/Using_the_Resource_Timing_API">Utilisation de Resource Timing API</a>.</p>
-
-<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('Resource Timing', '#performanceresourcetiming', 'PerformanceResourceTiming')}}</td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.PerformanceResourceTiming")}}</p>
-
-<h2 id="See_also">Voir aussi</h2>
-
-<ul>
- <li><a href="/fr/docs/Web/API/Resource_Timing_API">L'API <i>Resource Timing</i></a></li>
- <li><a href="/fr/docs/Web/API/Resource_Timing_API/Using_the_Resource_Timing_API">Utilisation de l'API <i>Resource Timing</i></a></li>
-</ul>
+{{APIRef("Resource Timing API")}}
+
+L'interface **`PerformanceResourceTiming`** permet de récupérer et d'analyser des données de synchronisation réseau détaillées concernant le chargement des _ressources_ d'une application. Une application peut utiliser les mesures temporelles pour déterminer, par exemple, la durée nécessaire à l'extraction d'une ressource spécifique, telle qu'une [`XMLHttpRequest`](/fr/docs/Web/API/XMLHttpRequest), un élément [`<svg>`](/fr/docs/Web/SVG/Element/svg), une image ou un script.
+
+Les propriétés de l'interface créent une _chronologie de chargement des ressources_ avec un [timestamps haute résolution](/fr/docs/Web/API/DOMHighResTimeStamp) pour les événements réseau tels que les heures de début et de fin de redirection, les heures de début de récupération, les heures de début et de fin de recherche DNS, les heures de début et de fin de réponse, etc. En outre, l'interface étend [`PerformanceEntry`](/fr/docs/Web/API/PerformanceEntry) avec d'autres propriétés qui fournissent des données sur la taille de la ressource extraite ainsi que le _type_ de ressource qui a initié l'extraction.
+
+{{InheritanceDiagram}}
+
+{{AvailableInWorkers}}
+
+## Propriétés
+
+Cette interface étend les propriétés [`PerformanceEntry`](/fr/docs/Web/API/PerformanceEntry) suivantes pour les types d'entrée de performance des ressources en les restreignant comme suit :
+
+- [`PerformanceEntry.entryType`](/fr/docs/Web/API/PerformanceEntry/entryType) {{readonlyInline}}
+ - : Retourne `"resource"`.
+- [`PerformanceEntry.name`](/fr/docs/Web/API/PerformanceEntry/name) {{readonlyInline}}
+ - : Retourne l'URL des ressources.
+- [`PerformanceEntry.startTime`](/fr/docs/Web/API/PerformanceEntry/startTime) {{readonlyInline}}
+ - : Retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) de l'heure de début de la récupération d'une ressource. Cette valeur est équivalente à [`PerformanceResourceTiming.fetchStart`](/fr/docs/Web/API/PerformanceResourceTiming/fetchStart).
+- [`PerformanceEntry.duration`](/fr/docs/Web/API/PerformanceEntry/duration) {{readonlyInline}}
+ - : Retourne un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) qui est la différence entre les propriétés [`responseEnd`](/fr/docs/Web/API/PerformanceResourceTiming/responseEnd) et [`startTime`](/fr/docs/Web/API/PerformanceEntry/startTime).
+
+L'interface prend également en charge les propriétés suivantes, qui sont énumérées dans l'ordre temporel selon lequel elles sont enregistrées pour l'extraction d'une seule ressource. Une liste alphabétique est présentée dans la navigation, à gauche.
+
+- [`PerformanceResourceTiming.initiatorType`](/fr/docs/Web/API/PerformanceResourceTiming/initiatorType) {{readonlyInline}}
+ - : Une chaîne de caractère [`string`](/fr/docs/Web/API/DOMString) représentant le _type_ de ressource qui a initié l'entrée de performance, comme spécifié dans [`PerformanceResourceTiming.initiatorType`](/fr/docs/Web/API/PerformanceResourceTiming/initiatorType).
+- [`PerformanceResourceTiming.nextHopProtocol`](/fr/docs/Web/API/PerformanceResourceTiming/nextHopProtocol) {{readonlyInline}}
+ - : Une chaîne de caractère [`string`](/fr/docs/Web/API/DOMString) représentant le _protocole réseau_ utilisé pour récupérer la ressource, tel qu'identifié par le [ALPN Protocol ID (RFC7301)](https://datatracker.ietf.org/doc/html/rfc7301).
+- [`PerformanceResourceTiming.workerStart`](/fr/docs/Web/API/PerformanceResourceTiming/workerStart) {{readonlyInline}}
+ - : Retourne un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant de transmettre le [`FetchEvent`](/fr/docs/Web/API/FetchEvent) si un processus de Service Worker est déjà en cours, ou immédiatement avant de lancer le processus de Service Worker s'il n'est pas encore en cours. Si la ressource n'est pas interceptée par un Service Worker, la propriété retourne toujours 0.
+- [`PerformanceResourceTiming.redirectStart`](/fr/docs/Web/API/PerformanceResourceTiming/redirectStart) {{readonlyInline}}
+ - : Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) qui représente l'heure de début de l'extraction qui déclenche la redirection.
+- [`PerformanceResourceTiming.redirectEnd`](/fr/docs/Web/API/PerformanceResourceTiming/redirectEnd) {{readonlyInline}}
+ - : Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement après la réception du dernier octet de la réponse de la dernière redirection.
+- [`PerformanceResourceTiming.fetchStart`](/fr/docs/Web/API/PerformanceResourceTiming/fetchStart) {{readonlyInline}}
+ - : Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne commence à récupérer la ressource.
+- [`PerformanceResourceTiming.domainLookupStart`](/fr/docs/Web/API/PerformanceResourceTiming/domainLookupStart) {{readonlyInline}}
+ - : Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne commence la recherche du nom de domaine pour la ressource.
+- [`PerformanceResourceTiming.domainLookupEnd`](/fr/docs/Web/API/PerformanceResourceTiming/domainLookupEnd) {{readonlyInline}}
+ - : Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant l'heure immédiatement après la fin de la recherche du nom de domaine de la ressource par le navigateur.
+- [`PerformanceResourceTiming.connectStart`](/fr/docs/Web/API/PerformanceResourceTiming/connectStart) {{readonlyInline}}
+ - : Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne commence à établir la connexion avec le serveur pour récupérer la ressource.
+- [`PerformanceResourceTiming.connectEnd`](/fr/docs/Web/API/PerformanceResourceTiming/connectEnd) {{readonlyInline}}
+ - : Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement après que le navigateur ait fini d'établir la connexion avec le serveur pour récupérer la ressource.
+- [`PerformanceResourceTiming.secureConnectionStart`](/fr/docs/Web/API/PerformanceResourceTiming/secureConnectionStart) {{readonlyInline}}
+ - : Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne lance le processus de reconnaissance pour sécuriser la connexion en cours.
+- [`PerformanceResourceTiming.requestStart`](/fr/docs/Web/API/PerformanceResourceTiming/requestStart) {{readonlyInline}}
+ - : Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne commence à demander la ressource au serveur.
+- [`PerformanceResourceTiming.responseStart`](/fr/docs/Web/API/PerformanceResourceTiming/responseStart) {{readonlyInline}}
+ - : Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement après que le navigateur ait reçu le premier octet de la réponse du serveur.
+- [`PerformanceResourceTiming.responseEnd`](/fr/docs/Web/API/PerformanceResourceTiming/responseEnd) {{readonlyInline}}
+ - : Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement après la réception par le navigateur du dernier octet de la ressource ou immédiatement avant la fermeture de la connexion de transfert, selon la première éventualité.
+- [`PerformanceResourceTiming.transferSize`](/fr/docs/Web/API/PerformanceResourceTiming/transferSize) {{readonlyInline}}
+ - : Un nombre représentant la taille (en octets) de la ressource extraite. La taille comprend les champs d'en-tête de la réponse plus le corps des données utiles de la réponse.
+- [`PerformanceResourceTiming.encodedBodySize`](/fr/docs/Web/API/PerformanceResourceTiming/encodedBodySize) {{readonlyInline}}
+ - : Un nombre représentant la taille (en octets) reçue de la récupération (HTTP ou cache), du _corps de la donnée_, avant de supprimer tout codage de contenu appliqué.
+- [`PerformanceResourceTiming.decodedBodySize`](/fr/docs/Web/API/PerformanceResourceTiming/decodedBodySize) {{readonlyInline}}
+ - : Un nombre représentant la taille (en octets) reçue de la récupération (HTTP ou cache) du _message body_, après avoir retiré tout codage de contenu appliqué.
+- [`PerformanceResourceTiming.serverTiming`](/fr/docs/Web/API/PerformanceResourceTiming/serverTiming) {{readonlyInline}}
+ - : Un tableau d'entrées [`PerformanceServerTiming`](/fr/docs/Web/API/PerformanceServerTiming) contenant des mesures de synchronisation du serveur.
+
+## Méthodes
+
+- [`PerformanceResourceTiming.toJSON()`](/fr/docs/Web/API/PerformanceResourceTiming/toJSON)
+ - : Renvoie une chaîne de caractère [`DOMString`](/fr/docs/Web/API/DOMString) qui est la représentation JSON de l'objet [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming).
+
+## Exemple
+
+Voir l'exemple dans [Utilisation de Resource Timing API](/fr/docs/Web/API/Resource_Timing_API/Using_the_Resource_Timing_API).
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------ | ------------------------------------ | -------------------- |
+| {{SpecName('Resource Timing', '#performanceresourcetiming', 'PerformanceResourceTiming')}} | {{Spec2('Resource Timing')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.PerformanceResourceTiming")}}
+
+## Voir aussi
+
+- [L'API _Resource Timing_](/fr/docs/Web/API/Resource_Timing_API)
+- [Utilisation de l'API _Resource Timing_](/fr/docs/Web/API/Resource_Timing_API/Using_the_Resource_Timing_API)
diff --git a/files/fr/web/api/performanceresourcetiming/initiatortype/index.md b/files/fr/web/api/performanceresourcetiming/initiatortype/index.md
index 1d8ed0a780..f29d9034a5 100644
--- a/files/fr/web/api/performanceresourcetiming/initiatortype/index.md
+++ b/files/fr/web/api/performanceresourcetiming/initiatortype/index.md
@@ -11,35 +11,36 @@ tags:
- initiatorType
translation_of: Web/API/PerformanceResourceTiming/initiatorType
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété <strong><code>initiatorType</code></strong> en lecture seule est une <a href="/fr/docs/Web/API/DOMString">chaîne de caractères</a> qui représente le <em>type</em> de ressource qui a initié l'événement de performance.</p>
+La propriété **`initiatorType`** en lecture seule est une [chaîne de caractères](/fr/docs/Web/API/DOMString) qui représente le _type_ de ressource qui a initié l'événement de performance.
-<p>La valeur de cette chaîne est la suivante:</p>
+La valeur de cette chaîne est la suivante:
-<ul>
- <li>Si l'initiateur est un <a href="/fr/docs/Web/API/Element"><code>Element</code></a>, la propriété retourne la propriété <a href="/fr/docs/Web/API/Node/localName"><code>localName</code></a> de l'élément.</li>
- <li>Si l'initiateur est une ressource <a href="/fr/docs/Web/API/CSS"><code>CSS</code></a>, la propriété renvoie « <code>css</code> ».</li>
- <li>Si l'initiateur est un objet <a href="/fr/docs/Web/API/XMLHttpRequest"><code>XMLHttpRequest</code></a>, la propriété renvoie « <code>xmlhttprequest</code> ».</li>
- <li>Si l'initiateur est un objet <a href="/fr/docs/Web/API/PerformanceNavigationTiming"><code>PerformanceNavigationTiming</code></a>, la propriété renvoie une chaîne vide (<code>""</code>).</li>
-</ul>
+- Si l'initiateur est un [`Element`](/fr/docs/Web/API/Element), la propriété retourne la propriété [`localName`](/fr/docs/Web/API/Node/localName) de l'élément.
+- Si l'initiateur est une ressource [`CSS`](/fr/docs/Web/API/CSS), la propriété renvoie « `css` ».
+- Si l'initiateur est un objet [`XMLHttpRequest`](/fr/docs/Web/API/XMLHttpRequest), la propriété renvoie « `xmlhttprequest` ».
+- Si l'initiateur est un objet [`PerformanceNavigationTiming`](/fr/docs/Web/API/PerformanceNavigationTiming), la propriété renvoie une chaîne vide (`""`).
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.initiatorType;</pre>
+```js
+resource.initiatorType;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Une chaîne de caractères (<a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a>) représentant le <em>type</em> de ressource qui a initié l'événement de performance, comme spécifié ci-dessus.</p>
+Une chaîne de caractères ([`DOMString`](/fr/docs/Web/API/DOMString)) représentant le _type_ de ressource qui a initié l'événement de performance, comme spécifié ci-dessus.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_initiatorType(p[i]);
}
}
@@ -51,28 +52,15 @@ function print_initiatorType(perfEntry) {
else
console.log("... initiatorType = N'EST PAS pris en charge");
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing',
- '#dom-performanceresourcetiming-initiatortype', 'initiatorType')}}</td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| -------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- |
+| {{SpecName('Resource Timing',
+ '#dom-performanceresourcetiming-initiatortype', 'initiatorType')}} | {{Spec2('Resource Timing')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.initiatorType")}}</p>
+{{Compat("api.PerformanceResourceTiming.initiatorType")}}
diff --git a/files/fr/web/api/performanceresourcetiming/nexthopprotocol/index.md b/files/fr/web/api/performanceresourcetiming/nexthopprotocol/index.md
index dff0c7e8fd..78d01ab252 100644
--- a/files/fr/web/api/performanceresourcetiming/nexthopprotocol/index.md
+++ b/files/fr/web/api/performanceresourcetiming/nexthopprotocol/index.md
@@ -11,30 +11,33 @@ tags:
- nextHopProtocol
translation_of: Web/API/PerformanceResourceTiming/nextHopProtocol
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>nextHopProtocol</code></strong> est une <a href="/fr/docs/Web/API/DOMString">chaîne de caractères</a> représentant le <em>protocole réseau</em> utilisé pour récupérer la ressource, tel qu'identifié par le <a href="https://datatracker.ietf.org/doc/html/rfc7301">ALPN Protocol ID (RFC7301)</a>.</p>
+La propriété en lecture seule **`nextHopProtocol`** est une [chaîne de caractères](/fr/docs/Web/API/DOMString) représentant le _protocole réseau_ utilisé pour récupérer la ressource, tel qu'identifié par le [ALPN Protocol ID (RFC7301)](https://datatracker.ietf.org/doc/html/rfc7301).
-<p>Lorsqu'un proxy est utilisé, si une connexion tunnel est établie, cette propriété renvoie l'ID du protocole ALPN du protocole tunnelisé. Sinon, cette propriété renvoie l'ID du protocole ALPN du premier saut vers le proxy.</p>
+Lorsqu'un proxy est utilisé, si une connexion tunnel est établie, cette propriété renvoie l'ID du protocole ALPN du protocole tunnelisé. Sinon, cette propriété renvoie l'ID du protocole ALPN du premier saut vers le proxy.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.nextHopProtocol;</pre>
+```js
+resource.nextHopProtocol;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Une chaîne de caractères <a href="/fr/docs/Web/API/DOMString"><code>string</code></a> représentant le <em>protocole réseau</em> utilisé pour récupérer la ressource, tel qu'identifié par le <a href="https://datatracker.ietf.org/doc/html/rfc7301">ALPN Protocol ID (RFC7301)</a>.</p>
+Une chaîne de caractères [`string`](/fr/docs/Web/API/DOMString) représentant le _protocole réseau_ utilisé pour récupérer la ressource, tel qu'identifié par le [ALPN Protocol ID (RFC7301)](https://datatracker.ietf.org/doc/html/rfc7301).
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>L'exemple suivant utilise la propriété <code>nextHopProtocol</code> :</p>
+L'exemple suivant utilise la propriété `nextHopProtocol` :
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_nextHopProtocol(p[i]);
}
}
@@ -45,28 +48,15 @@ function print_nextHopProtocol(perfEntry) {
else
console.log("nextHopProtocol = N'EST PAS pris en charge");
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing 2',
- '#dom-performanceresourcetiming-nexthopprotocol', 'nextHopProtocol')}}</td>
- <td>{{Spec2('Resource Timing 2')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | -------------------- |
+| {{SpecName('Resource Timing 2',
+ '#dom-performanceresourcetiming-nexthopprotocol', 'nextHopProtocol')}} | {{Spec2('Resource Timing 2')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.nextHopProtocol")}}</p>
+{{Compat("api.PerformanceResourceTiming.nextHopProtocol")}}
diff --git a/files/fr/web/api/performanceresourcetiming/redirectend/index.md b/files/fr/web/api/performanceresourcetiming/redirectend/index.md
index 15002c1b46..a26f3141e9 100644
--- a/files/fr/web/api/performanceresourcetiming/redirectend/index.md
+++ b/files/fr/web/api/performanceresourcetiming/redirectend/index.md
@@ -11,30 +11,33 @@ tags:
- redirectEnd
translation_of: Web/API/PerformanceResourceTiming/redirectEnd
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>redirectEnd</code></strong> retourne un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> immédiatement après la réception du dernier octet de la réponse de la dernière redirection.</p>
+La propriété en lecture seule **`redirectEnd`** retourne un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement après la réception du dernier octet de la réponse de la dernière redirection.
-<p>Lors de l'extraction d'une ressource, s'il y a plusieurs redirections HTTP, que l'une d'entre elles a une origine différente du document actuel, et que l'algorithme de vérification d'autorisation de synchronisation réussit pour chaque ressource redirigée, cette propriété renvoie l'heure immédiatement après la réception du dernier octet de la réponse de la dernière redirection ; sinon, zéro est retourné.</p>
+Lors de l'extraction d'une ressource, s'il y a plusieurs redirections HTTP, que l'une d'entre elles a une origine différente du document actuel, et que l'algorithme de vérification d'autorisation de synchronisation réussit pour chaque ressource redirigée, cette propriété renvoie l'heure immédiatement après la réception du dernier octet de la réponse de la dernière redirection ; sinon, zéro est retourné.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.redirectEnd;</pre>
+```js
+resource.redirectEnd;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> immédiatement après la réception du dernier octet de la réponse de la dernière redirection.</p>
+Un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement après la réception du dernier octet de la réponse de la dernière redirection.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, la valeur des propriétés <code>*Start</code> et <code>*End</code> de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> sont enregistrés.</p>
+Dans l'exemple suivant, la valeur des propriétés `*Start` et `*End` de tous les événements de [type](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont enregistrés.
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_start_and_end_properties(p[i]);
}
}
@@ -48,7 +51,7 @@ function print_start_and_end_properties(perfEntry) {
"responseStart", "responseEnd",
"secureConnectionStart"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// vérifie chaque propriété
let supported = properties[i] in perfEntry;
if (supported) {
@@ -59,28 +62,15 @@ function print_start_and_end_properties(perfEntry) {
}
}
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing', '#dom-performanceresourcetiming-redirectend',
- 'redirectEnd')}}</td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------ | -------------------- |
+| {{SpecName('Resource Timing', '#dom-performanceresourcetiming-redirectend',
+ 'redirectEnd')}} | {{Spec2('Resource Timing')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.redirectEnd")}}</p>
+{{Compat("api.PerformanceResourceTiming.redirectEnd")}}
diff --git a/files/fr/web/api/performanceresourcetiming/redirectstart/index.md b/files/fr/web/api/performanceresourcetiming/redirectstart/index.md
index 106c2de0d3..5dd56291ed 100644
--- a/files/fr/web/api/performanceresourcetiming/redirectstart/index.md
+++ b/files/fr/web/api/performanceresourcetiming/redirectstart/index.md
@@ -11,30 +11,33 @@ tags:
- redirectStart
translation_of: Web/API/PerformanceResourceTiming/redirectStart
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>redirectStart</code></strong> retourne un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant l'instant du début de la récupération qui initie la redirection.</p>
+La propriété en lecture seule **`redirectStart`** retourne un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant l'instant du début de la récupération qui initie la redirection.
-<p>S'il y a des redirections HTTP lors de l'extraction de la ressource et si l'une des redirections ne provient pas de la même origine que le document actuel, mais que l'algorithme de vérification de l'autorisation de synchronisation réussit pour chaque ressource redirigée, cette propriété renvoie l'heure de début de l'extraction qui initie la redirection ; sinon, zéro est renvoyé.</p>
+S'il y a des redirections HTTP lors de l'extraction de la ressource et si l'une des redirections ne provient pas de la même origine que le document actuel, mais que l'algorithme de vérification de l'autorisation de synchronisation réussit pour chaque ressource redirigée, cette propriété renvoie l'heure de début de l'extraction qui initie la redirection ; sinon, zéro est renvoyé.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.redirectStart;</pre>
+```js
+resource.redirectStart;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant l'heure de début de l'extraction qui déclenche la redirection.</p>
+Un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant l'heure de début de l'extraction qui déclenche la redirection.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, la valeur des propriétés <code>*Start</code> et <code>*End</code> de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> sont enregistrés.</p>
+Dans l'exemple suivant, la valeur des propriétés `*Start` et `*End` de tous les événements de [type](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont enregistrés.
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_start_and_end_properties(p[i]);
}
}
@@ -48,7 +51,7 @@ function print_start_and_end_properties(perfEntry) {
"responseStart", "responseEnd",
"secureConnectionStart"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// vérifie chaque propriété
let supported = properties[i] in perfEntry;
if (supported) {
@@ -59,28 +62,15 @@ function print_start_and_end_properties(perfEntry) {
}
}
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing', '#dom-performanceresourcetiming-redirectstart',
- 'redirectStart')}}</td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| -------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- |
+| {{SpecName('Resource Timing', '#dom-performanceresourcetiming-redirectstart',
+ 'redirectStart')}} | {{Spec2('Resource Timing')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.redirectStart")}}</p>
+{{Compat("api.PerformanceResourceTiming.redirectStart")}}
diff --git a/files/fr/web/api/performanceresourcetiming/requeststart/index.md b/files/fr/web/api/performanceresourcetiming/requeststart/index.md
index 27e8c19f0d..bf6a0a61af 100644
--- a/files/fr/web/api/performanceresourcetiming/requeststart/index.md
+++ b/files/fr/web/api/performanceresourcetiming/requeststart/index.md
@@ -11,30 +11,33 @@ tags:
- requestStart
translation_of: Web/API/PerformanceResourceTiming/requestStart
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>requestStart</code></strong> renvoie un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> du moment immédiatement avant que le navigateur ne commence à demander la ressource au serveur, au cache ou à la ressource locale. Si la connexion de transport échoue et que le navigateur retire la demande, la valeur renvoyée sera le début de la nouvelle demande.</p>
+La propriété en lecture seule **`requestStart`** renvoie un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) du moment immédiatement avant que le navigateur ne commence à demander la ressource au serveur, au cache ou à la ressource locale. Si la connexion de transport échoue et que le navigateur retire la demande, la valeur renvoyée sera le début de la nouvelle demande.
-<p>Il n'y a pas de propriété de fin (« <em>requestEnd</em> ») correspondante pour <code>requestStart</code>.</p>
+Il n'y a pas de propriété de fin (« _requestEnd_ ») correspondante pour `requestStart`.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.requestStart;</pre>
+```js
+resource.requestStart;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant le moment immédiatement avant que le navigateur ne commence à demander la ressource au serveur.</p>
+Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant le moment immédiatement avant que le navigateur ne commence à demander la ressource au serveur.
-<h2 id="Example">Example</h2>
+## Example
-<p>Dans l'exemple suivant, la valeur des propriétés <code>*Start</code> et <code>*End</code> de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> sont enregistrés.</p>
+Dans l'exemple suivant, la valeur des propriétés `*Start` et `*End` de tous les événements de [type](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont enregistrés.
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_start_and_end_properties(p[i]);
}
}
@@ -48,7 +51,7 @@ function print_start_and_end_properties(perfEntry) {
"responseStart", "responseEnd",
"secureConnectionStart"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// vérifie chaque propriété
let supported = properties[i] in perfEntry;
if (supported) {
@@ -59,28 +62,15 @@ function print_start_and_end_properties(perfEntry) {
}
}
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing', '#dom-performanceresourcetiming-requeststart',
- 'requestStart')}}</td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- |
+| {{SpecName('Resource Timing', '#dom-performanceresourcetiming-requeststart',
+ 'requestStart')}} | {{Spec2('Resource Timing')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.requestStart")}}</p>
+{{Compat("api.PerformanceResourceTiming.requestStart")}}
diff --git a/files/fr/web/api/performanceresourcetiming/responseend/index.md b/files/fr/web/api/performanceresourcetiming/responseend/index.md
index 71b45f97b1..dd21906a66 100644
--- a/files/fr/web/api/performanceresourcetiming/responseend/index.md
+++ b/files/fr/web/api/performanceresourcetiming/responseend/index.md
@@ -11,28 +11,31 @@ tags:
- responseEnd
translation_of: Web/API/PerformanceResourceTiming/responseEnd
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>responseEnd</code></strong> retourne un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> immédiatement après que le navigateur a reçu le dernier octet de la ressource ou immédiatement avant la fermeture de la connexion de transport, selon ce qui se produit en premier.</p>
+La propriété en lecture seule **`responseEnd`** retourne un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement après que le navigateur a reçu le dernier octet de la ressource ou immédiatement avant la fermeture de la connexion de transport, selon ce qui se produit en premier.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.responseEnd;</pre>
+```js
+resource.responseEnd;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement après la réception par le navigateur du dernier octet de la ressource ou immédiatement avant la fermeture de la connexion de transport, selon ce qui arrive en premier.</p>
+Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement après la réception par le navigateur du dernier octet de la ressource ou immédiatement avant la fermeture de la connexion de transport, selon ce qui arrive en premier.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, la valeur des propriétés <code>*Start</code> et <code>*End</code> de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> sont enregistrés.</p>
+Dans l'exemple suivant, la valeur des propriétés `*Start` et `*End` de tous les événements de [type](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont enregistrés.
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_start_and_end_properties(p[i]);
}
}
@@ -46,7 +49,7 @@ function print_start_and_end_properties(perfEntry) {
"responseStart", "responseEnd",
"secureConnectionStart"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// vérifie chaque propriété
let supported = properties[i] in perfEntry;
if (supported) {
@@ -57,28 +60,15 @@ function print_start_and_end_properties(perfEntry) {
}
}
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing', '#dom-performanceresourcetiming-responseend',
- 'responseEnd')}}</td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------ | -------------------- |
+| {{SpecName('Resource Timing', '#dom-performanceresourcetiming-responseend',
+ 'responseEnd')}} | {{Spec2('Resource Timing')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.responseEnd")}}</p>
+{{Compat("api.PerformanceResourceTiming.responseEnd")}}
diff --git a/files/fr/web/api/performanceresourcetiming/responsestart/index.md b/files/fr/web/api/performanceresourcetiming/responsestart/index.md
index 4279d42446..c0b71ef023 100644
--- a/files/fr/web/api/performanceresourcetiming/responsestart/index.md
+++ b/files/fr/web/api/performanceresourcetiming/responsestart/index.md
@@ -11,28 +11,31 @@ tags:
- responseStart
translation_of: Web/API/PerformanceResourceTiming/responseStart
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>responseStart</code></strong> renvoie un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> immédiatement après que le navigateur a reçu le premier octet de la réponse du serveur, du cache ou de la ressource locale.</p>
+La propriété en lecture seule **`responseStart`** renvoie un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement après que le navigateur a reçu le premier octet de la réponse du serveur, du cache ou de la ressource locale.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.responseStart;</pre>
+```js
+resource.responseStart;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement après que le navigateur ait reçu le premier octet de la réponse du serveur.</p>
+Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement après que le navigateur ait reçu le premier octet de la réponse du serveur.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, la valeur des propriétés <code>*Start</code> et <code>*End</code> de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> sont enregistrés.</p>
+Dans l'exemple suivant, la valeur des propriétés `*Start` et `*End` de tous les événements de [type](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont enregistrés.
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_start_and_end_properties(p[i]);
}
}
@@ -46,7 +49,7 @@ function print_start_and_end_properties(perfEntry) {
"responseStart", "responseEnd",
"secureConnectionStart"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// vérifie chaque propriété
let supported = properties[i] in perfEntry;
if (supported) {
@@ -57,28 +60,15 @@ function print_start_and_end_properties(perfEntry) {
}
}
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing', '#dom-performanceresourcetiming-responsestart',
- 'responseStart')}}</td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| -------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- |
+| {{SpecName('Resource Timing', '#dom-performanceresourcetiming-responsestart',
+ 'responseStart')}} | {{Spec2('Resource Timing')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.responseStart")}}</p>
+{{Compat("api.PerformanceResourceTiming.responseStart")}}
diff --git a/files/fr/web/api/performanceresourcetiming/secureconnectionstart/index.md b/files/fr/web/api/performanceresourcetiming/secureconnectionstart/index.md
index 1b5487516a..02dd805536 100644
--- a/files/fr/web/api/performanceresourcetiming/secureconnectionstart/index.md
+++ b/files/fr/web/api/performanceresourcetiming/secureconnectionstart/index.md
@@ -11,28 +11,31 @@ tags:
- secureConnectionStart
translation_of: Web/API/PerformanceResourceTiming/secureConnectionStart
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>secureConnectionStart</code></strong> renvoie un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> immédiatement avant que le navigateur ne commence le processus de poignée de main (<i>handshake</i>) pour sécuriser la connexion actuelle. Si une connexion sécurisée n'est pas utilisée, la propriété renvoie zéro.</p>
+La propriété en lecture seule **`secureConnectionStart`** renvoie un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne commence le processus de poignée de main (_handshake_) pour sécuriser la connexion actuelle. Si une connexion sécurisée n'est pas utilisée, la propriété renvoie zéro.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.secureConnectionStart;</pre>
+```js
+resource.secureConnectionStart;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Si la ressource est récupérée par le biais d'une connexion sécurisée, un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement avant que le navigateur ne lance le processus de poignée de main (<i>handshake</i>) pour sécuriser la connexion actuelle. Si une connexion sécurisée n'est pas utilisée, cette propriété renvoie zéro.</p>
+Si la ressource est récupérée par le biais d'une connexion sécurisée, un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne lance le processus de poignée de main (_handshake_) pour sécuriser la connexion actuelle. Si une connexion sécurisée n'est pas utilisée, cette propriété renvoie zéro.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, la valeur des propriétés <code>*Start</code> et <code>*End</code> de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> sont enregistrés.</p>
+Dans l'exemple suivant, la valeur des propriétés `*Start` et `*End` de tous les événements de [type](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont enregistrés.
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_start_and_end_properties(p[i]);
}
}
@@ -46,7 +49,7 @@ function print_start_and_end_properties(perfEntry) {
"responseStart", "responseEnd",
"secureConnectionStart"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// vérifie chaque propriété
let supported = properties[i] in perfEntry;
if (supported) {
@@ -57,29 +60,15 @@ function print_start_and_end_properties(perfEntry) {
}
}
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing',
- '#dom-performanceresourcetiming-secureconnectionstart', 'secureConnectionStart')}}
- </td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- |
+| {{SpecName('Resource Timing',
+ '#dom-performanceresourcetiming-secureconnectionstart', 'secureConnectionStart')}} | {{Spec2('Resource Timing')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.secureConnectionStart")}}</p>
+{{Compat("api.PerformanceResourceTiming.secureConnectionStart")}}
diff --git a/files/fr/web/api/performanceresourcetiming/servertiming/index.md b/files/fr/web/api/performanceresourcetiming/servertiming/index.md
index 0a1b96fc82..16b501b952 100644
--- a/files/fr/web/api/performanceresourcetiming/servertiming/index.md
+++ b/files/fr/web/api/performanceresourcetiming/servertiming/index.md
@@ -12,40 +12,27 @@ tags:
- serverTiming
translation_of: Web/API/PerformanceResourceTiming/serverTiming
---
-<div>{{APIRef("Resource Timing API")}} {{securecontext_header}}</div>
+{{APIRef("Resource Timing API")}} {{securecontext_header}}
-<p>La propriété en lecture seule <strong><code>serverTiming</code></strong> retourne un tableau d'entrées <a href="/fr/docs/Web/API/PerformanceServerTiming"><code>PerformanceServerTiming</code></a> contenant des mesures de synchronisation du serveur.</p>
+La propriété en lecture seule **`serverTiming`** retourne un tableau d'entrées [`PerformanceServerTiming`](/fr/docs/Web/API/PerformanceServerTiming) contenant des mesures de synchronisation du serveur.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.serverTiming;</pre>
+```js
+resource.serverTiming;
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Server Timing','#servertiming-attribute', 'serverTiming')}}</td>
- <td>{{Spec2('Server Timing')}}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------ | ------------------------------------ | ------------------- |
+| {{SpecName('Server Timing','#servertiming-attribute', 'serverTiming')}} | {{Spec2('Server Timing')}} | Initial definition. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.serverTiming")}}</p>
+{{Compat("api.PerformanceResourceTiming.serverTiming")}}
-<h2 id="See_also">Voir aussi</h2>
+## Voir aussi
-<ul>
- <li><a href="/fr/docs/Web/API/PerformanceServerTiming"><code>PerformanceServerTiming</code></a></li>
- <li><a href="/fr/docs/Web/HTTP/Headers/Server-Timing"><code>Server-Timing</code></a></li>
-</ul>
+- [`PerformanceServerTiming`](/fr/docs/Web/API/PerformanceServerTiming)
+- [`Server-Timing`](/fr/docs/Web/HTTP/Headers/Server-Timing)
diff --git a/files/fr/web/api/performanceresourcetiming/tojson/index.md b/files/fr/web/api/performanceresourcetiming/tojson/index.md
index 8385dcbafa..1e24b3f98c 100644
--- a/files/fr/web/api/performanceresourcetiming/tojson/index.md
+++ b/files/fr/web/api/performanceresourcetiming/tojson/index.md
@@ -11,28 +11,29 @@ tags:
- toJSON()
translation_of: Web/API/PerformanceResourceTiming/toJSON
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La méthode <strong><code>toJSON()</code></strong> est un <em>sérialiseur</em> qui retourne une représentation JSON de l'objet <a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a>.</p>
+La méthode **`toJSON()`** est un _sérialiseur_ qui retourne une représentation JSON de l'objet [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming).
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js">let <var>json</var> = <var>resourcePerfEntry</var>.toJSON();</pre>
+```js
+let json = resourcePerfEntry.toJSON();
+```
-<h3 id="Arguments">Arguments</h3>
+### Arguments
-<p>Aucun.</p>
+Aucun.
-<h3 id="Return_value">Valeur de retour</h3>
+### Valeur de retour
-<dl>
- <dt><code>json</code></dt>
- <dd>Un objet JSON qui est la sérialisation de l'objet <a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</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>
+- `json`
+ - : Un objet JSON qui est la sérialisation de l'objet [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming) 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.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">// Obtient une entrée de performance des ressources
+```js
+// Obtient une entrée de performance des ressources
let perfEntries = performance.getEntriesByType("resource");
let entry = perfEntries[0];
@@ -40,28 +41,15 @@ let entry = perfEntries[0];
let json = entry.toJSON();
let s = JSON.stringify(json);
console.log("PerformanceEntry.toJSON = " + s);
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing 2', '#dom-performanceresourcetiming-tojson',
- 'toJSON')}}</td>
- <td>{{Spec2('Resource Timing 2')}}</td>
- <td></td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ----------- |
+| {{SpecName('Resource Timing 2', '#dom-performanceresourcetiming-tojson',
+ 'toJSON')}} | {{Spec2('Resource Timing 2')}} | |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.toJSON")}}</p>
+{{Compat("api.PerformanceResourceTiming.toJSON")}}
diff --git a/files/fr/web/api/performanceresourcetiming/transfersize/index.md b/files/fr/web/api/performanceresourcetiming/transfersize/index.md
index bd19c4db5f..3cc15d9cff 100644
--- a/files/fr/web/api/performanceresourcetiming/transfersize/index.md
+++ b/files/fr/web/api/performanceresourcetiming/transfersize/index.md
@@ -11,27 +11,30 @@ tags:
- transferSize
translation_of: Web/API/PerformanceResourceTiming/transferSize
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>transferSize</code></strong> représente la taille (en octets) de la ressource extraite. La taille comprend les champs d'en-tête de la réponse plus la charge utile du corps de la réponse (comme défini par la <a href="https://httpwg.github.io/specs/rfc7230.html#message.body">RFC 7230</a>).</p>
+La propriété en lecture seule **`transferSize`** représente la taille (en octets) de la ressource extraite. La taille comprend les champs d'en-tête de la réponse plus la charge utile du corps de la réponse (comme défini par la [RFC 7230](https://httpwg.github.io/specs/rfc7230.html#message.body)).
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<p>Si la ressource est extraite d'un cache local ou s'il s'agit d'une ressource d'origine croisée, cette propriété renvoie zéro.</p>
+Si la ressource est extraite d'un cache local ou s'il s'agit d'une ressource d'origine croisée, cette propriété renvoie zéro.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.transferSize;</pre>
+```js
+resource.transferSize;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un <code>number</code> représentant la taille (en octets) de la ressource extraite. La taille comprend les champs d'en-tête de la réponse plus la taille <a href="https://httpwg.github.io/specs/rfc7230.html#message.body">de la charge utile du corps de la réponse</a> (RFC7230).</p>
+Un `number` représentant la taille (en octets) de la ressource extraite. La taille comprend les champs d'en-tête de la réponse plus la taille [de la charge utile du corps de la réponse](https://httpwg.github.io/specs/rfc7230.html#message.body) (RFC7230).
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, les valeurs des propriétés de taille de tous les <a href="/fr/docs/Web/API/PerformanceEntry/entryType">types</a> <code>"resource"</code> sont enregistrées.</p>
+Dans l'exemple suivant, les valeurs des propriétés de taille de tous les [types](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont enregistrées.
-<pre class="brush: js">function log_sizes(perfEntry){
+```js
+function log_sizes(perfEntry){
// Vérifie la prise en charge des propriétés PerformanceEntry.*size et imprime leurs valeurs
// si elles sont prises en charge
if ("decodedBodySize" in perfEntry)
@@ -52,32 +55,19 @@ translation_of: Web/API/PerformanceResourceTiming/transferSize
function check_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
log_sizes(p[i]);
}
}
-</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('Resource Timing 2', '#dom-performanceresourcetiming-transfersize',
- 'transferSize')}}</td>
- <td>{{Spec2('Resource Timing 2')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.PerformanceResourceTiming.transferSize")}}</p>
+```
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| -------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | -------------------- |
+| {{SpecName('Resource Timing 2', '#dom-performanceresourcetiming-transfersize',
+ 'transferSize')}} | {{Spec2('Resource Timing 2')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.PerformanceResourceTiming.transferSize")}}
diff --git a/files/fr/web/api/performanceresourcetiming/workerstart/index.md b/files/fr/web/api/performanceresourcetiming/workerstart/index.md
index 8a6c2cbede..bee037a0e7 100644
--- a/files/fr/web/api/performanceresourcetiming/workerstart/index.md
+++ b/files/fr/web/api/performanceresourcetiming/workerstart/index.md
@@ -11,28 +11,31 @@ tags:
- workerStart
translation_of: Web/API/PerformanceResourceTiming/workerStart
---
-<div>{{APIRef("Resource Timing API")}}</div>
+{{APIRef("Resource Timing API")}}
-<p>La propriété en lecture seule <strong><code>workerStart</code></strong> de l'interface <a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a> renvoie un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement avant l'envoi du <a href="/fr/docs/Web/API/FetchEvent"><code>FetchEvent</code></a> si un processus de <i>service worker</i> est déjà en cours, ou immédiatement avant le démarrage du processus de <i>service worker</i> s'il n'est pas déjà en cours. Si la ressource n'est pas interceptée par un <i>service worker</i>, la propriété renvoie toujours 0.</p>
+La propriété en lecture seule **`workerStart`** de l'interface [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming) renvoie un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant l'envoi du [`FetchEvent`](/fr/docs/Web/API/FetchEvent) si un processus de _service worker_ est déjà en cours, ou immédiatement avant le démarrage du processus de _service worker_ s'il n'est pas déjà en cours. Si la ressource n'est pas interceptée par un _service worker_, la propriété renvoie toujours 0.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>resource</var>.workerStart;</pre>
+```js
+resource.workerStart;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> immédiatement avant de transmettre le <a href="/fr/docs/Web/API/FetchEvent"><code>FetchEvent</code></a> si un processus de <i>service worker</i> est déjà en cours, ou immédiatement avant de lancer le processus de <i>service worker</i> s'il n'est pas encore en cours. Si la ressource n'est pas interceptée par un <i>service worker</i>, la propriété retourne toujours 0.</p>
+Un [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant de transmettre le [`FetchEvent`](/fr/docs/Web/API/FetchEvent) si un processus de _service worker_ est déjà en cours, ou immédiatement avant de lancer le processus de _service worker_ s'il n'est pas encore en cours. Si la ressource n'est pas interceptée par un _service worker_, la propriété retourne toujours 0.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>Dans l'exemple suivant, la valeur des propriétés <code>*Start</code> et <code>*End</code> de tous les événements de <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> <code>"resource"</code> sont enregistrés.</p>
+Dans l'exemple suivant, la valeur des propriétés `*Start` et `*End` de tous les événements de [type](/fr/docs/Web/API/PerformanceEntry/entryType) `"resource"` sont enregistrés.
-<pre class="brush: js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
let p = performance.getEntriesByType("resource");
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
print_start_and_end_properties(p[i]);
}
}
@@ -46,7 +49,7 @@ function print_start_and_end_properties(perfEntry) {
"responseStart", "responseEnd",
"secureConnectionStart"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// vérifie chaque propriété
let supported = properties[i] in perfEntry;
if (supported) {
@@ -57,28 +60,15 @@ function print_start_and_end_properties(perfEntry) {
}
}
}
-</pre>
+```
-<h2 id="Specifications">Spécifications</h2>
+## Spécifications
-<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('Resource Timing 2', '#dom-performanceresourcetiming-workerstart',
- 'workerStart')}}</td>
- <td>{{Spec2('Resource Timing 2')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | -------------------- |
+| {{SpecName('Resource Timing 2', '#dom-performanceresourcetiming-workerstart',
+ 'workerStart')}} | {{Spec2('Resource Timing 2')}} | Définition initiale. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceResourceTiming.workerStart")}}</p>
+{{Compat("api.PerformanceResourceTiming.workerStart")}}