aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/performanceentry
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/performanceentry
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/performanceentry')
-rw-r--r--files/fr/web/api/performanceentry/duration/index.md108
-rw-r--r--files/fr/web/api/performanceentry/entrytype/index.md158
-rw-r--r--files/fr/web/api/performanceentry/index.md150
-rw-r--r--files/fr/web/api/performanceentry/name/index.md145
-rw-r--r--files/fr/web/api/performanceentry/starttime/index.md96
-rw-r--r--files/fr/web/api/performanceentry/tojson/index.md75
6 files changed, 259 insertions, 473 deletions
diff --git a/files/fr/web/api/performanceentry/duration/index.md b/files/fr/web/api/performanceentry/duration/index.md
index 8fa0aa4edf..8a306ebe80 100644
--- a/files/fr/web/api/performanceentry/duration/index.md
+++ b/files/fr/web/api/performanceentry/duration/index.md
@@ -10,41 +10,40 @@ tags:
- Performance Web
translation_of: Web/API/PerformanceEntry/duration
---
-<div>{{APIRef("Performance Timeline API")}}</div>
+{{APIRef("Performance Timeline API")}}
-<p>La propriété <strong><code>duration</code></strong> renvoie un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> qui correspond à la durée de l'<a href="/fr/docs/Web/API/PerformanceEntry">entrée de performance</a>.</p>
+La propriété **`duration`** renvoie un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) qui correspond à la durée de l'[entrée de performance](/fr/docs/Web/API/PerformanceEntry).
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<p>La valeur retournée par cette propriété dépend du <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> de l'entrée de performance :</p>
+La valeur retournée par cette propriété dépend du [type](/fr/docs/Web/API/PerformanceEntry/entryType) de l'entrée de performance :
-<ul>
- <li>« <code>frame</code> » - retourne un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> indiquant la différence entre le <code>startTime</code> de deux <i>frames</i> successives.</li>
- <li>« <code>mark</code> » - retourne "<code>0</code>" (une marque n'a pas de durée).</li>
- <li>« <code>measure</code> » - retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> qui correspond à la durée de la mesure.</li>
- <li>« <code>navigation</code> » - retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> qui est respectivement la différence entre les propriétés <a href="/fr/docs/Web/API/PerformanceNavigationTiming/loadEventEnd"><code>PerformanceNavigationTiming.loadEventEnd</code></a> et <a href="/fr/docs/Web/API/PerformanceEntry/startTime"><code>PerformanceEntry.startTime</code></a>.</li>
- <li>« <code>resource</code> » - renvoie la différence entre les deux <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamps</code></a> <a href="/fr/docs/Web/API/PerformanceResourceTiming/responseEnd"><code>responseEnd</code></a> (le moment de la fin de la réponse) de la ressource et <a href="/fr/docs/Web/API/PerformanceEntry/startTime"><code>startTime</code></a> (le point de départ).</li>
-</ul>
+- « `frame` » - retourne un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) indiquant la différence entre le `startTime` de deux _frames_ successives.
+- « `mark` » - retourne "`0`" (une marque n'a pas de durée).
+- « `measure` » - retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) qui correspond à la durée de la mesure.
+- « `navigation` » - retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) qui est respectivement la différence entre les propriétés [`PerformanceNavigationTiming.loadEventEnd`](/fr/docs/Web/API/PerformanceNavigationTiming/loadEventEnd) et [`PerformanceEntry.startTime`](/fr/docs/Web/API/PerformanceEntry/startTime).
+- « `resource` » - renvoie la différence entre les deux [`timestamps`](/fr/docs/Web/API/DOMHighResTimeStamp) [`responseEnd`](/fr/docs/Web/API/PerformanceResourceTiming/responseEnd) (le moment de la fin de la réponse) de la ressource et [`startTime`](/fr/docs/Web/API/PerformanceEntry/startTime) (le point de départ).
-<p>Cette propriété est en {{readonlyInline}}.</p>
+Cette propriété est en {{readonlyInline}}.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush:js"><em>entry</em>.duration;</pre>
+```js
+entry.duration;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un objet <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant la durée de l'<a href="/fr/docs/Web/API/PerformanceEntry">entrée de performance</a>. Si le concept de durée ne s'applique pas à une mesure de performance particulière, le navigateur peut choisir de renvoyer une durée de 0.</p>
+Un objet [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant la durée de l'[entrée de performance](/fr/docs/Web/API/PerformanceEntry). Si le concept de durée ne s'applique pas à une mesure de performance particulière, le navigateur peut choisir de renvoyer une durée de 0.
-<div class="notecard note">
- <p><strong>Note :</strong> si l'entrée de performance a un <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>entryType</code></a> "<code>resource</code>" (c'est-à-dire que l'entrée est un objet <a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a>), cette propriété renvoie la différence entre les <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamps</code></a> <a href="/fr/docs/Web/API/PerformanceResourceTiming/responseEnd"><code>PerformanceEntry.responseEnd</code></a> et <a href="/fr/docs/Web/API/PerformanceEntry/startTime"><code>PerformanceEntry.startTime</code></a>.</p>
-</div>
+> **Note :** si l'entrée de performance a un [`entryType`](/fr/docs/Web/API/PerformanceEntry/entryType) "`resource`" (c'est-à-dire que l'entrée est un objet [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming)), cette propriété renvoie la différence entre les [`timestamps`](/fr/docs/Web/API/DOMHighResTimeStamp) [`PerformanceEntry.responseEnd`](/fr/docs/Web/API/PerformanceResourceTiming/responseEnd) et [`PerformanceEntry.startTime`](/fr/docs/Web/API/PerformanceEntry/startTime).
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>L'exemple suivant montre l'utilisation de la propriété <code>duration</code>.</p>
+L'exemple suivant montre l'utilisation de la propriété `duration`.
-<pre class="brush:js">function run_PerformanceEntry() {
+```js
+function run_PerformanceEntry() {
console.log("Support de PerformanceEntry ...");
if (performance.mark === undefined) {
@@ -58,63 +57,46 @@ translation_of: Web/API/PerformanceEntry/duration
performance.mark("End");
// Utilise getEntries() pour itérer à travers chaque entrée.
- let <var>p</var> = performance.getEntries();
- for (let <var>i</var>=0; i &lt; p.length; i++) {
+ let p = performance.getEntries();
+ for (let i=0; i < p.length; i++) {
console.log("Entry[" + i + "]");
check_PerformanceEntry(p[i]);
}
}
-function check_PerformanceEntry(<var>obj</var>) {
- let <var>properties</var> = ["name", "entryType", "startTime", "duration"];
- let <var>methods</var> = ["toJSON"];
+function check_PerformanceEntry(obj) {
+ let properties = ["name", "entryType", "startTime", "duration"];
+ let methods = ["toJSON"];
- for (let <var>i</var>=0; i &lt; properties.length; i++) {
+ for (let i=0; i < properties.length; i++) {
// check each property
- let <var>supported</var> = properties[i] in obj;
+ let supported = properties[i] in obj;
if (supported)
console.log("..." + properties[i] + " = " + obj[properties[i]]);
else
console.log("..." + properties[i] + " = N'est pas pris en charge");
}
- for (let <var>i</var>=0; i &lt; methods.length; i++) {
+ for (let i=0; i < methods.length; i++) {
// check each method
- let <var>supported</var> = typeof obj[methods[i]] == "function";
+ let supported = typeof obj[methods[i]] == "function";
if (supported) {
- let <var>js</var> = obj[methods[i]]();
+ let js = obj[methods[i]]();
console.log("..." + methods[i] + "() = " + JSON.stringify(js));
} else {
console.log("..." + methods[i] + " = N'est pas pris en charge");
}
}
}
-</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('Performance Timeline Level 2', '#dom-performanceentry-duration',
- 'duration')}}</td>
- <td>{{Spec2('Performance Timeline Level 2')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('Performance Timeline', '#dom-performanceentry-duration',
- 'duration')}}</td>
- <td>{{Spec2('Performance Timeline')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.PerformanceEntry.duration")}}</p>
+```
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | -------------------- |
+| {{SpecName('Performance Timeline Level 2', '#dom-performanceentry-duration',
+ 'duration')}} | {{Spec2('Performance Timeline Level 2')}} | |
+| {{SpecName('Performance Timeline', '#dom-performanceentry-duration',
+ 'duration')}} | {{Spec2('Performance Timeline')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.PerformanceEntry.duration")}}
diff --git a/files/fr/web/api/performanceentry/entrytype/index.md b/files/fr/web/api/performanceentry/entrytype/index.md
index 63ed9dc6c7..8b8f812f3d 100644
--- a/files/fr/web/api/performanceentry/entrytype/index.md
+++ b/files/fr/web/api/performanceentry/entrytype/index.md
@@ -11,83 +11,40 @@ tags:
- Performance Web
translation_of: Web/API/PerformanceEntry/entryType
---
-<div>{{APIRef("Performance Timeline API")}}</div>
-
-<p>La propriété <strong><code>entryType</code></strong> renvoie un <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> représentant le type de mesure de performance tel que, par exemple, « <code>mark</code> ». Cette propriété est en lecture seule.</p>
-
-<p>{{AvailableInWorkers}}</p>
-
-<h2 id="Syntax">Syntaxe</h2>
-
-<pre class="brush:js">var <var>type</var> = <var>entry</var>.entryType;</pre>
-
-<h3 id="Return_Value">Valeur de retour</h3>
-
-<p>La valeur de retour dépend du sous-type de l'objet <code>PerformanceEntry</code> et affecte la valeur de la propriété <a href="/fr/docs/Web/API/PerformanceEntry/name"><code>PerformanceEntry.name</code></a> comme le montre le tableau ci-dessous.</p>
-
-<h3 id="Performance_entry_type_names">Noms des types d'entrée de performance</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Valeur</th>
- <th scope="col">Sous-type</th>
- <th scope="col">Type de propriété pour le nom</th>
- <th scope="col">Description de la valeur du nom.</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>element</code></td>
- <td><a href="/fr/docs/Web/API/PerformanceElementTiming"><code>PerformanceElementTiming</code></a></td>
- <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td>
- <td>Rapporte le temps de chargement des éléments.</td>
- </tr>
- <tr>
- <td><code>frame</code>, <code>navigation</code></td>
- <td><a href="/fr/docs/Web/API/PerformanceFrameTiming"><code>PerformanceFrameTiming</code></a>,
- <a href="/fr/docs/Web/API/PerformanceNavigationTiming"><code>PerformanceNavigationTiming</code></a></td>
- <td><a href="/fr/docs/Web/API/URL"><code>URL</code></a></td>
- <td>L'adresse du document.</td>
- </tr>
- <tr>
- <td><code>resource</code></td>
- <td><a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a></td>
- <td><a href="/fr/docs/Web/API/URL"><code>URL</code></a></td>
- <td>L'URL résolue de la ressource demandée. Cette valeur ne change pas même si la demande est redirigée.</td>
- </tr>
- <tr>
- <td><code>mark</code></td>
- <td><a href="/fr/docs/Web/API/PerformanceMark"><code>PerformanceMark</code></a></td>
- <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td>
- <td>Le nom utilisé lorsque la marque a été créée en appelant <a href="/fr/docs/Web/API/Performance/mark"><code>mark()</code></a>.</td>
- </tr>
- <tr>
- <td><code>measure</code></td>
- <td><a href="/fr/docs/Web/API/PerformanceMeasure"><code>PerformanceMeasure</code></a></td>
- <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td>
- <td>Le nom utilisé lorsque la mesure a été créée en appelant <a href="/fr/docs/Web/API/Performance/measure"><code>measure()</code></a>.</td>
- </tr>
- <tr>
- <td><code>paint</code></td>
- <td><a href="/fr/docs/Web/API/PerformancePaintTiming"><code>PerformancePaintTiming</code></a></td>
- <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td>
- <td>Soit <code>'first-paint'</code> ou <code>'first-contentful-paint'</code>.</td>
- </tr>
- <tr>
- <td><code>longtask</code></td>
- <td><a href="/fr/docs/Web/API/PerformanceLongTaskTiming"><code>PerformanceLongTaskTiming</code></a></td>
- <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td>
- <td>Signale les cas de tâches longues.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Example">Exemple</h2>
-
-<p>L'exemple suivant montre l'utilisation de la propriété <code>entryType</code>.</p>
-
-<pre class="brush: js">function run_PerformanceEntry() {
+{{APIRef("Performance Timeline API")}}
+
+La propriété **`entryType`** renvoie un [`DOMString`](/fr/docs/Web/API/DOMString) représentant le type de mesure de performance tel que, par exemple, « `mark` ». Cette propriété est en lecture seule.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js
+var type = entry.entryType;
+```
+
+### Valeur de retour
+
+La valeur de retour dépend du sous-type de l'objet `PerformanceEntry` et affecte la valeur de la propriété [`PerformanceEntry.name`](/fr/docs/Web/API/PerformanceEntry/name) comme le montre le tableau ci-dessous.
+
+### Noms des types d'entrée de performance
+
+| Valeur | Sous-type | Type de propriété pour le nom | Description de la valeur du nom. |
+| --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
+| `element` | [`PerformanceElementTiming`](/fr/docs/Web/API/PerformanceElementTiming) | [`DOMString`](/fr/docs/Web/API/DOMString) | Rapporte le temps de chargement des éléments. |
+| `frame`, `navigation` | [`PerformanceFrameTiming`](/fr/docs/Web/API/PerformanceFrameTiming), [`PerformanceNavigationTiming`](/fr/docs/Web/API/PerformanceNavigationTiming) | [`URL`](/fr/docs/Web/API/URL) | L'adresse du document. |
+| `resource` | [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming) | [`URL`](/fr/docs/Web/API/URL) | L'URL résolue de la ressource demandée. Cette valeur ne change pas même si la demande est redirigée. |
+| `mark` | [`PerformanceMark`](/fr/docs/Web/API/PerformanceMark) | [`DOMString`](/fr/docs/Web/API/DOMString) | Le nom utilisé lorsque la marque a été créée en appelant [`mark()`](/fr/docs/Web/API/Performance/mark). |
+| `measure` | [`PerformanceMeasure`](/fr/docs/Web/API/PerformanceMeasure) | [`DOMString`](/fr/docs/Web/API/DOMString) | Le nom utilisé lorsque la mesure a été créée en appelant [`measure()`](/fr/docs/Web/API/Performance/measure). |
+| `paint` | [`PerformancePaintTiming`](/fr/docs/Web/API/PerformancePaintTiming) | [`DOMString`](/fr/docs/Web/API/DOMString) | Soit `'first-paint'` ou `'first-contentful-paint'`. |
+| `longtask` | [`PerformanceLongTaskTiming`](/fr/docs/Web/API/PerformanceLongTaskTiming) | [`DOMString`](/fr/docs/Web/API/DOMString) | Signale les cas de tâches longues. |
+
+## Exemple
+
+L'exemple suivant montre l'utilisation de la propriété `entryType`.
+
+```js
+function run_PerformanceEntry() {
// Vérifie le support des fonctionnalités avant de continuer
if (performance.mark === undefined) {
@@ -100,39 +57,22 @@ translation_of: Web/API/PerformanceEntry/entryType
// Vérifie le type d'entrée de toutes les entrées "begin".
let entriesNamedBegin = performance.getEntriesByName("begin");
- for (let i=0; i &lt; entriesNamedBegin.length; i++) {
+ for (let i=0; i < entriesNamedBegin.length; i++) {
let typeOfEntry = entriesNamedBegin[i].entryType;
console.log("L'entrée est de type : " + typeOfEntry);
}
}
-</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('Performance Timeline Level 2', '#dom-performanceentry-entrytype',
- 'entryType')}}</td>
- <td>{{Spec2('Performance Timeline Level 2')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('Performance Timeline', '#dom-performanceentry-entrytype',
- 'entryType')}}</td>
- <td>{{Spec2('Performance Timeline')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.PerformanceEntry.entryType")}}</p>
+```
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | -------------------- |
+| {{SpecName('Performance Timeline Level 2', '#dom-performanceentry-entrytype',
+ 'entryType')}} | {{Spec2('Performance Timeline Level 2')}} | |
+| {{SpecName('Performance Timeline', '#dom-performanceentry-entrytype',
+ 'entryType')}} | {{Spec2('Performance Timeline')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.PerformanceEntry.entryType")}}
diff --git a/files/fr/web/api/performanceentry/index.md b/files/fr/web/api/performanceentry/index.md
index 32e388a73b..9a9a38ca32 100644
--- a/files/fr/web/api/performanceentry/index.md
+++ b/files/fr/web/api/performanceentry/index.md
@@ -10,51 +10,46 @@ tags:
- Performance Web
translation_of: Web/API/PerformanceEntry
---
-<div>{{APIRef("Performance Timeline API")}}</div>
+{{APIRef("Performance Timeline API")}}
-<p>L'objet <strong><code>PerformanceEntry</code></strong> encapsule une seule mesure de performance qui fait partie de la <em>chronologie de performance</em>. Une <em>entrée de performance</em> peut être créée directement en faisant <em><a href="/fr/docs/Web/API/PerformanceMark">une marque</a></em> ou <em><a href="/fr/docs/Web/API/PerformanceMeasure">une mesure</a></em> (par exemple en appelant la méthode <a href="/fr/docs/Web/API/Performance/mark"><code>mark()</code></a>) à un point explicite d'une application. Les entrées de performance sont également créées de manière indirecte, par exemple en chargeant une ressource (telle qu'une image).</p>
+L'objet **`PerformanceEntry`** encapsule une seule mesure de performance qui fait partie de la _chronologie de performance_. Une _entrée de performance_ peut être créée directement en faisant _[une marque](/fr/docs/Web/API/PerformanceMark)_ ou _[une mesure](/fr/docs/Web/API/PerformanceMeasure)_ (par exemple en appelant la méthode [`mark()`](/fr/docs/Web/API/Performance/mark)) à un point explicite d'une application. Les entrées de performance sont également créées de manière indirecte, par exemple en chargeant une ressource (telle qu'une image).
-<p>Les instances <code>PerformanceEntry</code> auront toujours l'un des sous-types suivants :</p>
+Les instances `PerformanceEntry` auront toujours l'un des sous-types suivants :
-<ul>
- <li><a href="/fr/docs/Web/API/PerformanceMark"><code>PerformanceMark</code></a></li>
- <li><a href="/fr/docs/Web/API/PerformanceMeasure"><code>PerformanceMeasure</code></a></li>
- <li><a href="/fr/docs/Web/API/PerformanceFrameTiming"><code>PerformanceFrameTiming</code></a></li>
- <li><a href="/fr/docs/Web/API/PerformanceNavigationTiming"><code>PerformanceNavigationTiming</code></a></li>
- <li><a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a></li>
- <li><a href="/fr/docs/Web/API/PerformancePaintTiming"><code>PerformancePaintTiming</code></a></li>
-</ul>
+- [`PerformanceMark`](/fr/docs/Web/API/PerformanceMark)
+- [`PerformanceMeasure`](/fr/docs/Web/API/PerformanceMeasure)
+- [`PerformanceFrameTiming`](/fr/docs/Web/API/PerformanceFrameTiming)
+- [`PerformanceNavigationTiming`](/fr/docs/Web/API/PerformanceNavigationTiming)
+- [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming)
+- [`PerformancePaintTiming`](/fr/docs/Web/API/PerformancePaintTiming)
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Properties">Propriétés</h2>
+## Propriétés
-<dl>
- <dt><a href="/fr/docs/Web/API/PerformanceEntry/name"><code>PerformanceEntry.name</code></a> {{readonlyInline}}</dt>
- <dd>Une valeur qui précise davantage la valeur renvoyée par la propriété <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>PerformanceEntry.entryType</code></a>. La valeur des deux dépend du sous-type. Voir la page de la propriété pour les valeurs valides.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>PerformanceEntry.entryType</code></a> {{readonlyInline}}</dt>
- <dd>Une chaîne de caractère <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> représentant le type de mesure de performance comme, par exemple, "<code>mark</code>". Voir la page des propriétés pour les valeurs valides.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceEntry/startTime"><code>PerformanceEntry.startTime</code></a> {{readonlyInline}}</dt>
- <dd>Un objet <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant l'heure de départ de la mesure de performance.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceEntry/duration"><code>PerformanceEntry.duration</code></a> {{readonlyInline}}</dt>
- <dd>Un objet <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant la valeur temporelle de la durée de l'événement de performance.</dd>
-</dl>
+- [`PerformanceEntry.name`](/fr/docs/Web/API/PerformanceEntry/name) {{readonlyInline}}
+ - : Une valeur qui précise davantage la valeur renvoyée par la propriété [`PerformanceEntry.entryType`](/fr/docs/Web/API/PerformanceEntry/entryType). La valeur des deux dépend du sous-type. Voir la page de la propriété pour les valeurs valides.
+- [`PerformanceEntry.entryType`](/fr/docs/Web/API/PerformanceEntry/entryType) {{readonlyInline}}
+ - : Une chaîne de caractère [`DOMString`](/fr/docs/Web/API/DOMString) représentant le type de mesure de performance comme, par exemple, "`mark`". Voir la page des propriétés pour les valeurs valides.
+- [`PerformanceEntry.startTime`](/fr/docs/Web/API/PerformanceEntry/startTime) {{readonlyInline}}
+ - : Un objet [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant l'heure de départ de la mesure de performance.
+- [`PerformanceEntry.duration`](/fr/docs/Web/API/PerformanceEntry/duration) {{readonlyInline}}
+ - : Un objet [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant la valeur temporelle de la durée de l'événement de performance.
-<h2 id="Methods">Méthodes</h2>
+## Méthodes
-<dl>
- <dt><a href="/fr/docs/Web/API/PerformanceEntry/toJSON"><code>PerformanceEntry.toJSON()</code></a></dt>
- <dd>Renvoie une représentation JSON de l'objet <code>PerformanceEntry</code>.</dd>
-</dl>
+- [`PerformanceEntry.toJSON()`](/fr/docs/Web/API/PerformanceEntry/toJSON)
+ - : Renvoie une représentation JSON de l'objet `PerformanceEntry`.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>L'exemple suivant vérifie toutes les propriétés <code>PerformanceEntry</code> pour voir si le navigateur les prend en charge et, le cas échéant, écrit leurs valeurs dans la console.</p>
+L'exemple suivant vérifie toutes les propriétés `PerformanceEntry` pour voir si le navigateur les prend en charge et, le cas échéant, écrit leurs valeurs dans la console.
-<pre class="brush:js">function print_PerformanceEntries() {
+```js
+function print_PerformanceEntries() {
// Utilise getEntries() pour obtenir une liste de toutes les entrées de performance.
let p = performance.getEntries();
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
console.log("PerformanceEntry[" + i + "]");
print_PerformanceEntry(p[i]);
}
@@ -65,7 +60,7 @@ function print_PerformanceEntry(perfEntry) {
"startTime",
"duration"];
- 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) {
@@ -76,72 +71,23 @@ function print_PerformanceEntry(perfEntry) {
}
}
}
-</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 3')}}</td>
- <td>{{Spec2('Resource Timing 3')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('Resource Timing 2')}}</td>
- <td>{{Spec2('Resource Timing 2')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('Resource Timing')}}</td>
- <td>{{Spec2('Resource Timing')}}</td>
- <td>Ajoute l'interface <a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a> et la valeur <code>resource</code> pour <code>entryType</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('Navigation Timing Level 2')}}</td>
- <td>{{Spec2('Navigation Timing Level 2')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('Navigation Timing')}}</td>
- <td>{{Spec2('Navigation Timing')}}</td>
- <td>Ajoute l'interface <a href="/fr/docs/Web/API/PerformanceNavigationTiming"><code>PerformanceNavigationTiming</code></a> et la valeur <code>navigation</code> pour <code>entryType</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('User Timing Level 2')}}</td>
- <td>{{Spec2('User Timing Level 2')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('User Timing')}}</td>
- <td>{{Spec2('User Timing')}}</td>
- <td>Ajoute les interfaces <a href="/fr/docs/Web/API/PerformanceMark"><code>PerformanceMark</code></a> et <a href="/fr/docs/Web/API/PerformanceMeasure"><code>PerformanceMeasure</code></a> ainsi que les valeurs <code>mark</code> et <code>measure</code> pour <code>entryType</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('Frame Timing')}}</td>
- <td>{{Spec2('Frame Timing')}}</td>
- <td>Ajoute l'interface <a href="/fr/docs/Web/API/PerformanceFrameTiming"><code>PerformanceFrameTiming</code></a> et la valeur <code>frame</code> pour <code>entryType</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('Performance Timeline Level 2', '#dom-performanceentry', 'PerformanceEntry')}}</td>
- <td>{{Spec2('Performance Timeline Level 2')}}</td>
- <td>Ajout de la méthode de sérialisation <code>toJSON()</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('Performance Timeline', '#dom-performanceentry', 'PerformanceEntry')}}</td>
- <td>{{Spec2('Performance Timeline')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.PerformanceEntry")}}</p>
+```
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| {{SpecName('Resource Timing 3')}} | {{Spec2('Resource Timing 3')}} | |
+| {{SpecName('Resource Timing 2')}} | {{Spec2('Resource Timing 2')}} | |
+| {{SpecName('Resource Timing')}} | {{Spec2('Resource Timing')}} | Ajoute l'interface [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming) et la valeur `resource` pour `entryType`. |
+| {{SpecName('Navigation Timing Level 2')}} | {{Spec2('Navigation Timing Level 2')}} | |
+| {{SpecName('Navigation Timing')}} | {{Spec2('Navigation Timing')}} | Ajoute l'interface [`PerformanceNavigationTiming`](/fr/docs/Web/API/PerformanceNavigationTiming) et la valeur `navigation` pour `entryType`. |
+| {{SpecName('User Timing Level 2')}} | {{Spec2('User Timing Level 2')}} | |
+| {{SpecName('User Timing')}} | {{Spec2('User Timing')}} | Ajoute les interfaces [`PerformanceMark`](/fr/docs/Web/API/PerformanceMark) et [`PerformanceMeasure`](/fr/docs/Web/API/PerformanceMeasure) ainsi que les valeurs `mark` et `measure` pour `entryType`. |
+| {{SpecName('Frame Timing')}} | {{Spec2('Frame Timing')}} | Ajoute l'interface [`PerformanceFrameTiming`](/fr/docs/Web/API/PerformanceFrameTiming) et la valeur `frame` pour `entryType`. |
+| {{SpecName('Performance Timeline Level 2', '#dom-performanceentry', 'PerformanceEntry')}} | {{Spec2('Performance Timeline Level 2')}} | Ajout de la méthode de sérialisation `toJSON()`. |
+| {{SpecName('Performance Timeline', '#dom-performanceentry', 'PerformanceEntry')}} | {{Spec2('Performance Timeline')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.PerformanceEntry")}}
diff --git a/files/fr/web/api/performanceentry/name/index.md b/files/fr/web/api/performanceentry/name/index.md
index 6e8c05fe4e..9bc2ee9e97 100644
--- a/files/fr/web/api/performanceentry/name/index.md
+++ b/files/fr/web/api/performanceentry/name/index.md
@@ -11,70 +11,36 @@ tags:
- Performance Web
translation_of: Web/API/PerformanceEntry/name
---
-<div>{{APIRef("Performance Timeline API")}}</div>
-
-<p>La propriété <strong><code>name</code></strong> de l'interface <a href="/fr/docs/Web/API/PerformanceEntry"><code>PerformanceEntry</code></a> renvoie une valeur qui précise davantage la valeur renvoyée par la propriété <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>PerformanceEntry.entryType</code></a>. Cette propriété est en lecture seule.</p>
-
-<p>{{AvailableInWorkers}}</p>
-
-<h2 id="Syntax">Syntaxe</h2>
-
-<pre class="brush: js">var <var>name</var> = <var>entry</var>.name;
-</pre>
-
-<h3 id="Return_Value">Valeur de retour</h3>
-
-<p>La valeur de retour dépend du sous-type de l'objet <code>PerformanceEntry</code> et de la valeur de <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>PerformanceEntry.entryType</code></a>, comme le montre le tableau ci-dessous.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Type de valeur pour <code>name</code></th>
- <th scope="col">Sous-type</th>
- <th scope="col">Type (<code>entryType</code>)</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/fr/docs/Web/API/URL"><code>URL</code></a></td>
- <td><a href="/fr/docs/Web/API/PerformanceFrameTiming"><code>PerformanceFrameTiming</code></a>,
- <a href="/fr/docs/Web/API/PerformanceNavigationTiming"><code>PerformanceNavigationTiming</code></a></td>
- <td><code>frame</code>, <code>navigation</code></td>
- <td>L'adresse du document.</td>
- </tr>
- <tr>
- <td><a href="/fr/docs/Web/API/URL"><code>URL</code></a></td>
- <td><a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a></td>
- <td><code>resource</code></td>
- <td>L'URL résolue de la ressource demandée. Cette valeur ne change pas même si la demande est redirigée.</td>
- </tr>
- <tr>
- <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td>
- <td><a href="/fr/docs/Web/API/PerformanceMark"><code>PerformanceMark</code></a></td>
- <td><code>mark</code></td>
- <td>Le nom utilisé lorsque le marqueur a été créé en appelant <a href="/fr/docs/Web/API/Performance/mark"><code>mark()</code></a>.</td>
- </tr>
- <tr>
- <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td>
- <td><a href="/fr/docs/Web/API/PerformanceMeasure"><code>PerformanceMeasure</code></a></td>
- <td><code>measure</code></td>
- <td>Le nom utilisé lorsque la mesure a été créée en appelant <a href="/fr/docs/Web/API/Performance/measure"><code>measure()</code></a>.</td>
- </tr>
- <tr>
- <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td>
- <td><a href="/fr/docs/Web/API/PerformancePaintTiming"><code>PerformancePaintTiming</code></a></td>
- <td><code>paint</code></td>
- <td>Soit <code>'first-paint'</code> ou <code>'first-contentful-paint'</code>.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Example">Exemple</h2>
-
-<p>L'exemple suivant montre l'utilisation de la propriété <code>name</code>.</p>
-
-<pre class="brush: js">function run_PerformanceEntry() {
+{{APIRef("Performance Timeline API")}}
+
+La propriété **`name`** de l'interface [`PerformanceEntry`](/fr/docs/Web/API/PerformanceEntry) renvoie une valeur qui précise davantage la valeur renvoyée par la propriété [`PerformanceEntry.entryType`](/fr/docs/Web/API/PerformanceEntry/entryType). Cette propriété est en lecture seule.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js
+var name = entry.name;
+```
+
+### Valeur de retour
+
+La valeur de retour dépend du sous-type de l'objet `PerformanceEntry` et de la valeur de [`PerformanceEntry.entryType`](/fr/docs/Web/API/PerformanceEntry/entryType), comme le montre le tableau ci-dessous.
+
+| Type de valeur pour `name` | Sous-type | Type (`entryType`) | Description |
+| ----------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------- |
+| [`URL`](/fr/docs/Web/API/URL) | [`PerformanceFrameTiming`](/fr/docs/Web/API/PerformanceFrameTiming), [`PerformanceNavigationTiming`](/fr/docs/Web/API/PerformanceNavigationTiming) | `frame`, `navigation` | L'adresse du document. |
+| [`URL`](/fr/docs/Web/API/URL) | [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming) | `resource` | L'URL résolue de la ressource demandée. Cette valeur ne change pas même si la demande est redirigée. |
+| [`DOMString`](/fr/docs/Web/API/DOMString) | [`PerformanceMark`](/fr/docs/Web/API/PerformanceMark) | `mark` | Le nom utilisé lorsque le marqueur a été créé en appelant [`mark()`](/fr/docs/Web/API/Performance/mark). |
+| [`DOMString`](/fr/docs/Web/API/DOMString) | [`PerformanceMeasure`](/fr/docs/Web/API/PerformanceMeasure) | `measure` | Le nom utilisé lorsque la mesure a été créée en appelant [`measure()`](/fr/docs/Web/API/Performance/measure). |
+| [`DOMString`](/fr/docs/Web/API/DOMString) | [`PerformancePaintTiming`](/fr/docs/Web/API/PerformancePaintTiming) | `paint` | Soit `'first-paint'` ou `'first-contentful-paint'`. |
+
+## Exemple
+
+L'exemple suivant montre l'utilisation de la propriété `name`.
+
+```js
+function run_PerformanceEntry() {
console.log("Support de PerformanceEntry ...");
if (performance.mark === undefined) {
@@ -89,7 +55,7 @@ translation_of: Web/API/PerformanceEntry/name
// Utilise getEntries() pour itérer à travers chaque entrée.
let p = performance.getEntries();
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
console.log("Entry[" + i + "]");
check_PerformanceEntry(p[i]);
}
@@ -98,7 +64,7 @@ function check_PerformanceEntry(obj) {
let properties = ["name", "entryType", "startTime", "duration"];
let methods = ["toJSON"];
- 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 obj;
if (supported)
@@ -106,7 +72,7 @@ function check_PerformanceEntry(obj) {
else
console.log("..." + properties[i] + " = Not supported");
}
- for (let i = 0; i &lt; methods.length; i++) {
+ for (let i = 0; i < methods.length; i++) {
// Vérifie chaque méthode
let supported = typeof obj[methods[i]] == "function";
if (supported) {
@@ -117,34 +83,17 @@ function check_PerformanceEntry(obj) {
}
}
}
-</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('Performance Timeline Level 2', '#dom-performanceentry-name',
- 'name')}}</td>
- <td>{{Spec2('Performance Timeline Level 2')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('Performance Timeline', '#dom-performanceentry-name',
- 'name')}}</td>
- <td>{{Spec2('Performance Timeline')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.PerformanceEntry.name")}}</p>
+```
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | -------------------- |
+| {{SpecName('Performance Timeline Level 2', '#dom-performanceentry-name',
+ 'name')}} | {{Spec2('Performance Timeline Level 2')}} | |
+| {{SpecName('Performance Timeline', '#dom-performanceentry-name',
+ 'name')}} | {{Spec2('Performance Timeline')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.PerformanceEntry.name")}}
diff --git a/files/fr/web/api/performanceentry/starttime/index.md b/files/fr/web/api/performanceentry/starttime/index.md
index e8f625d52f..e6adbf8a54 100644
--- a/files/fr/web/api/performanceentry/starttime/index.md
+++ b/files/fr/web/api/performanceentry/starttime/index.md
@@ -11,42 +11,41 @@ tags:
- Performance Web
translation_of: Web/API/PerformanceEntry/startTime
---
-<div>{{APIRef("Performance Timeline API")}}</div>
+{{APIRef("Performance Timeline API")}}
-<p>La propriété <strong><code>startTime</code></strong> renvoie le premier <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> enregistré pour l'<a href="/fr/docs/Web/API/PerformanceEntry">entrée de performance</a>.</p>
+La propriété **`startTime`** renvoie le premier [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) enregistré pour l'[entrée de performance](/fr/docs/Web/API/PerformanceEntry).
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<p>La valeur renvoyée par cette propriété dépend du <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>type</code></a> de l'entrée de performance :</p>
+La valeur renvoyée par cette propriété dépend du [`type`](/fr/docs/Web/API/PerformanceEntry/entryType) de l'entrée de performance :
-<ul>
- <li>« <code>frame</code> » - retourne le
- <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> quand l'affichage a été démarré.</li>
- <li>« <code>mark</code> » - retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> lorsque le marquage a été créé par un appel de <a href="/fr/docs/Web/API/Performance/mark"><code>performance.mark()</code></a>.</li>
- <li>« <code>measure</code> » - retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> lorsque la mesure a été créée par un appel à <a href="/fr/docs/Web/API/Performance/measure"><code>performance.measure()</code></a>.</li>
- <li>« <code>navigation</code> » - retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> avec une valeur de "<code>0</code>".</li>
- <li>« <code>resource</code> » - retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> immédiatement avant que le navigateur ne <a href="/fr/docs/Web/API/PerformanceResourceTiming/fetchStart">commence à récupérer la ressource</a>.</li>
-</ul>
+- « `frame` » - retourne le
+ [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) quand l'affichage a été démarré.
+- « `mark` » - retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) lorsque le marquage a été créé par un appel de [`performance.mark()`](/fr/docs/Web/API/Performance/mark).
+- « `measure` » - retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) lorsque la mesure a été créée par un appel à [`performance.measure()`](/fr/docs/Web/API/Performance/measure).
+- « `navigation` » - retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) avec une valeur de "`0`".
+- « `resource` » - retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne [commence à récupérer la ressource](/fr/docs/Web/API/PerformanceResourceTiming/fetchStart).
-<p>Cette propriété est en lecture seule.</p>
+Cette propriété est en lecture seule.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush:js">entry.startTime;</pre>
+```js
+entry.startTime;
+```
-<h3 id="Return_Value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un objet <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant le premier horodatage lorsque l'<a href="/fr/docs/Web/API/PerformanceEntry">entrée de performance</a> a été créée.</p>
+Un objet [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant le premier horodatage lorsque l'[entrée de performance](/fr/docs/Web/API/PerformanceEntry) a été créée.
-<div class="notecard note">
- <p><strong>Note :</strong> Si l'entrée de performance a un <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>entryType</code></a> "<code>resource</code>" (c'est-à-dire que l'entrée est un objet <a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a>), cette propriété renvoie la valeur de l'horodatage fournie par <a href="/fr/docs/Web/API/PerformanceResourceTiming/fetchStart"><code>PerformanceResourceTiming.fetchStart</code></a>.</p>
-</div>
+> **Note :** Si l'entrée de performance a un [`entryType`](/fr/docs/Web/API/PerformanceEntry/entryType) "`resource`" (c'est-à-dire que l'entrée est un objet [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming)), cette propriété renvoie la valeur de l'horodatage fournie par [`PerformanceResourceTiming.fetchStart`](/fr/docs/Web/API/PerformanceResourceTiming/fetchStart).
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>L'exemple suivant montre l'utilisation de la propriété <code>startTime</code>.</p>
+L'exemple suivant montre l'utilisation de la propriété `startTime`.
-<pre class="brush:js">function run_PerformanceEntry() {
+```js
+function run_PerformanceEntry() {
console.log("Support de PerformanceEntry ...");
if (performance.mark === undefined) {
@@ -61,7 +60,7 @@ translation_of: Web/API/PerformanceEntry/startTime
// Utilise getEntries() pour itérer à travers chaque entrée
let p = performance.getEntries();
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
log("Entry[" + i + "]");
check_PerformanceEntry(p[i]);
}
@@ -70,7 +69,7 @@ function check_PerformanceEntry(obj) {
let properties = ["name", "entryType", "startTime", "duration"];
let methods = ["toJSON"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// On vérifie chaque propriété
let supported = properties[i] in obj;
if (supported)
@@ -78,7 +77,7 @@ function check_PerformanceEntry(obj) {
else
log("..." + properties[i] + " = N'est pas pris en charge");
}
- for (let i = 0; i &lt; methods.length; i++) {
+ for (let i = 0; i < methods.length; i++) {
// On vérifie chaque méthode
let supported = typeof obj[methods[i]] == "function";
if (supported) {
@@ -89,34 +88,17 @@ function check_PerformanceEntry(obj) {
}
}
}
-</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('Performance Timeline Level 2', '#dom-performanceentry-starttime',
- 'startTime')}}</td>
- <td>{{Spec2('Performance Timeline Level 2')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('Performance Timeline', '#dom-performanceentry-starttime',
- 'startTime')}}</td>
- <td>{{Spec2('Performance Timeline')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.PerformanceEntry.startTime")}}</p>
+```
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | -------------------- |
+| {{SpecName('Performance Timeline Level 2', '#dom-performanceentry-starttime',
+ 'startTime')}} | {{Spec2('Performance Timeline Level 2')}} | |
+| {{SpecName('Performance Timeline', '#dom-performanceentry-starttime',
+ 'startTime')}} | {{Spec2('Performance Timeline')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.PerformanceEntry.startTime")}}
diff --git a/files/fr/web/api/performanceentry/tojson/index.md b/files/fr/web/api/performanceentry/tojson/index.md
index 9450e8f3f0..6d02774855 100644
--- a/files/fr/web/api/performanceentry/tojson/index.md
+++ b/files/fr/web/api/performanceentry/tojson/index.md
@@ -11,33 +11,33 @@ tags:
- Performance Web
translation_of: Web/API/PerformanceEntry/toJSON
---
-<div>{{APIRef("Performance Timeline API")}}</div>
+{{APIRef("Performance Timeline API")}}
-<p>La méthode <strong><code>toJSON()</code></strong> permet de sérialiser l'objet <a href="/fr/docs/Web/API/PerformanceEntry"><code>PerformanceEntry</code></a> courant et renvoie une représentation JSON de l'objet.</p>
+La méthode **`toJSON()`** permet de sérialiser l'objet [`PerformanceEntry`](/fr/docs/Web/API/PerformanceEntry) courant et renvoie une représentation JSON de l'objet.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush:js">let jsonObj = perfEntry.toJSON();
-</pre>
+```js
+let jsonObj = perfEntry.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/PerformanceEntry"><code>PerformanceEntry</code></a>.</dd>
-</dl>
+- `json`
+ - : Un objet JSON qui est la sérialisation de l'objet [`PerformanceEntry`](/fr/docs/Web/API/PerformanceEntry).
-<h2 id="Example">Exemple</h2>
+## Exemple
-<p>L'exemple suivant montre l'utilisation de la méthode <code>toJSON()</code>.</p>
+L'exemple suivant montre l'utilisation de la méthode `toJSON()`.
-<pre class="brush:js">function run_PerformanceEntry() {
+```js
+function run_PerformanceEntry() {
console.log("Support de PerformanceEntry ...");
if (performance.mark === undefined) {
@@ -52,7 +52,7 @@ translation_of: Web/API/PerformanceEntry/toJSON
// Utilise getEntries() pour itérer à travers chaque entrée.
let p = performance.getEntries();
- for (let i = 0; i &lt; p.length; i++) {
+ for (let i = 0; i < p.length; i++) {
console.log("Entry[" + i + "]");
check_PerformanceEntry(p[i]);
}
@@ -61,7 +61,7 @@ function check_PerformanceEntry(obj) {
let properties = ["name", "entryType", "startTime", "duration"];
let methods = ["toJSON"];
- for (let i = 0; i &lt; properties.length; i++) {
+ for (let i = 0; i < properties.length; i++) {
// On vérifie chaque propriété
let supported = properties[i] in obj;
if (supported)
@@ -69,7 +69,7 @@ function check_PerformanceEntry(obj) {
else
console.log("..." + properties[i] + " = N'est pas pris en charge");
}
- for (let i = 0; i &lt; methods.length; i++) {
+ for (let i = 0; i < methods.length; i++) {
// On vérifie chaque méthode
let supported = typeof obj[methods[i]] == "function";
if (supported) {
@@ -80,28 +80,15 @@ function check_PerformanceEntry(obj) {
}
}
}
-</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('Performance Timeline Level 2', '#dom-performanceentry-tojson',
- 'toJSON')}}</td>
- <td>{{Spec2('Performance Timeline Level 2')}}</td>
- <td>Définition initiale de la méthode <code>toJSON()</code>.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.PerformanceEntry.toJSON")}}</p>
+```
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------- | --------------------------------------------- |
+| {{SpecName('Performance Timeline Level 2', '#dom-performanceentry-tojson',
+ 'toJSON')}} | {{Spec2('Performance Timeline Level 2')}} | Définition initiale de la méthode `toJSON()`. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.PerformanceEntry.toJSON")}}