diff options
Diffstat (limited to 'files/fr/web/api/performanceservertiming')
5 files changed, 305 insertions, 0 deletions
diff --git a/files/fr/web/api/performanceservertiming/description/index.html b/files/fr/web/api/performanceservertiming/description/index.html new file mode 100644 index 0000000000..15919ceccd --- /dev/null +++ b/files/fr/web/api/performanceservertiming/description/index.html @@ -0,0 +1,51 @@ +--- +title: PerformanceServerTiming.description +slug: Web/API/PerformanceServerTiming/description +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - description +translation_of: Web/API/PerformanceServerTiming/description +--- +<div>{{APIRef("Resource Timing API")}}</div> + +<p class="summary">La propriété en lecture seule <strong><code>description</code></strong> retourne une chaîne de caractères (<a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a>) décrivant la métrique spécifiée par le serveur, ou une chaîne vide.</p> + +<h2 id="Syntax">Syntaxe</h2> + +<pre class="brush: js"><var>serverTiming</var>.description;</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('Server Timing','#dom-performanceservertiming-description', + 'description')}}</td> + <td>{{Spec2('Server Timing')}}</td> + <td>Définition initiale.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> + +<p>{{Compat("api.PerformanceServerTiming.description")}}</p> + +<h2 id="See_also">Voir aussi</h2> + +<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> diff --git a/files/fr/web/api/performanceservertiming/duration/index.html b/files/fr/web/api/performanceservertiming/duration/index.html new file mode 100644 index 0000000000..dc61670775 --- /dev/null +++ b/files/fr/web/api/performanceservertiming/duration/index.html @@ -0,0 +1,51 @@ +--- +title: PerformanceServerTiming.duration +slug: Web/API/PerformanceServerTiming/duration +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - duration +translation_of: Web/API/PerformanceServerTiming/duration +--- +<div>{{APIRef("Resource Timing API")}}</div> + +<p class="summary">La propriété en lecture seule <strong><code>duration</code></strong> retourne un double qui contient la durée de la métrique spécifiée par le serveur, ou la valeur <code>0,0</code>.</p> + +<h2 id="Syntax">Syntaxe</h2> + +<pre class="brush: js"><var>serverTiming</var>.duration;</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('Server Timing','#dom-performanceservertiming-duration', + 'duration')}}</td> + <td>{{Spec2('Server Timing')}}</td> + <td>Définition initiale.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> + +<p>{{Compat("api.PerformanceServerTiming.duration")}}</p> + +<h2 id="See_also">Voir aussi</h2> + +<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> diff --git a/files/fr/web/api/performanceservertiming/index.html b/files/fr/web/api/performanceservertiming/index.html new file mode 100644 index 0000000000..6f9bbd6e6f --- /dev/null +++ b/files/fr/web/api/performanceservertiming/index.html @@ -0,0 +1,98 @@ +--- +title: PerformanceServerTiming +slug: Web/API/PerformanceServerTiming +tags: + - API + - Interface + - Reference + - Performance Web + - Resource Timing API +translation_of: Web/API/PerformanceServerTiming +--- +<div>{{APIRef("Resource Timing API")}} {{securecontext_header}}</div> + +<p class="summary">L'interface <strong><code>PerformanceServerTiming</code></strong> présente des métriques de serveur qui sont envoyées avec la réponse dans l'en-tête <a href="/fr/docs/Web/HTTP/Headers/Server-Timing"><code>Server-Timing</code></a> dans l'en-tête HTTP.</p> + +<p>Cette interface est limitée à la même origine, mais vous pouvez utiliser l'en-tête <a href="/fr/docs/Web/HTTP/Headers/Timing-Allow-Origin"><code>Timing-Allow-Origin</code></a> pour spécifier les domaines qui sont autorisés à accéder aux paramètres du serveur. Notez que cette interface n'est disponible que dans des contextes sécurisés (HTTPS) dans certains navigateurs.</p> + +<p>{{AvailableInWorkers}}</p> + +<h2 id="Properties">Propriétés</h2> + +<dl> + <dt><a href="/fr/docs/Web/API/PerformanceServerTiming/description"><code>PerformanceServerTiming.description</code></a>{{readonlyInline}}</dt> + <dd>Une chaîne de caractères <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> décrivant la métrique spécifiée par le serveur, ou une chaîne vide.</dd> + <dt><a href="/fr/docs/Web/API/PerformanceServerTiming/duration"><code>PerformanceServerTiming.duration</code></a>{{readonlyInline}}</dt> + <dd>Un double qui contient la durée de la métrique spécifiée par le serveur, ou la valeur <code>0.0</code>.</dd> + <dt><a href="/fr/docs/Web/API/PerformanceServerTiming/name"><code>PerformanceServerTiming.name</code></a>{{readonlyInline}}</dt> + <dd>Une chaîne de caractères <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> avec le nom de la métrique spécifiée par le serveur.</dd> +</dl> + +<h2 id="Methods">Méthodes</h2> + +<dl> + <dt><a href="/fr/docs/Web/API/PerformanceServerTiming/toJSON()"><code>PerformanceServerTiming.toJSON()</code></a></dt> + <dd>Retourne une chaîne de caractères <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> qui est la représentation JSON de l'objet <code>PerformanceServerTiming</code>.</dd> +</dl> + +<h2 id="Example">Exemple</h2> + +<p>Étant donné un serveur qui envoie l'en-tête <a href="/fr/docs/Web/HTTP/Headers/Server-Timing"><code>Server-Timing</code></a>, par exemple un serveur node.js comme celui-ci :</p> + +<pre class="brush: js">const http = require('http'); + +function requestHandler(request, response) { + const headers = { + 'Server-Timing': ` + cache;desc="Cache Read";dur=23.2, + db;dur=53, + app;dur=47.2 + `.replace(/\n/g, '') + }; + response.writeHead(200, headers); + response.write(''); + return setTimeout(_ => { + response.end(); + }, 1000) +}; + +http.createServer(requestHandler).listen(3000).on('error', console.error);</pre> + +<p>Les entrées <code>PerformanceServerTiming</code> sont désormais observables depuis JavaScript via la propriété <a href="/fr/docs/Web/API/PerformanceResourceTiming/serverTiming"><code>PerformanceResourceTiming.serverTiming</code></a> :</p> + +<pre class="brush: js">let entries = performance.getEntriesByType('resource'); +console.log(entries[0].serverTiming); +// 0: PerformanceServerTiming {name: "cache", duration: 23.2, description: "Cache Read"} +// 1: PerformanceServerTiming {name: "db", duration: 53, description: ""} +// 2: PerformanceServerTiming {name: "app", duration: 47.2, description: ""} +</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('Server Timing','#the-performanceservertiming-interface', 'PerformanceServerTiming')}}</td> + <td>{{Spec2('Server Timing')}}</td> + <td>Définition initiale.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> + +<p>{{Compat("api.PerformanceServerTiming")}}</p> + +<h2 id="See_also">Voir aussi</h2> + +<ul> + <li><a href="/fr/docs/Web/HTTP/Headers/Server-Timing"><code>Server-Timing</code></a></li> + <li><a href="/fr/docs/Web/API/PerformanceResourceTiming/serverTiming"><code>PerformanceResourceTiming.serverTiming</code></a></li> +</ul> diff --git a/files/fr/web/api/performanceservertiming/name/index.html b/files/fr/web/api/performanceservertiming/name/index.html new file mode 100644 index 0000000000..4b8ec5b587 --- /dev/null +++ b/files/fr/web/api/performanceservertiming/name/index.html @@ -0,0 +1,50 @@ +--- +title: PerformanceServerTiming.name +slug: Web/API/PerformanceServerTiming/name +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - name +translation_of: Web/API/PerformanceServerTiming/name +--- +<div>{{APIRef("Resource Timing API")}}</div> + +<p class="summary">La propriété en lecture seule <strong><code>name</code></strong> retourne une valeur <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> qui est le nom de la métrique spécifiée par le serveur.</p> + +<h2 id="Syntax">Syntaxe</h2> + +<pre class="brush: js"><var>serverTiming</var>.name;</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('Server Timing','#dom-performanceservertiming-name', 'name')}}</td> + <td>{{Spec2('Server Timing')}}</td> + <td>Définition initiale.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> + +<p>{{Compat("api.PerformanceServerTiming.name")}}</p> + +<h2 id="See_also">Voir aussi</h2> + +<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> diff --git a/files/fr/web/api/performanceservertiming/tojson/index.html b/files/fr/web/api/performanceservertiming/tojson/index.html new file mode 100644 index 0000000000..0b7773e322 --- /dev/null +++ b/files/fr/web/api/performanceservertiming/tojson/index.html @@ -0,0 +1,55 @@ +--- +title: PerformanceServerTiming.toJSON() +slug: Web/API/PerformanceServerTiming/toJSON +tags: + - API + - Method + - Méthode + - Reference + - Performance Web + - Resource Timing API + - toJSON +translation_of: Web/API/PerformanceServerTiming/toJSON +--- +<div>{{APIRef("Resource Timing API")}}</div> + +<p class="summary">La méthode <strong><code>toJSON()</code></strong> de l'interface <a href="/fr/docs/Web/API/PerformanceServerTiming"><code>PerformanceServerTiming</code></a> retourne une chaîne de caractères <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> qui est la représentation JSON de l'objet <a href="/fr/docs/Web/API/PerformanceServerTiming"><code>PerformanceServerTiming</code></a>.</p> + +<h2 id="Syntax">Syntaxe</h2> + +<pre class="brush: js">let <var>json</var> = PerformanceServerTiming.toJSON()</pre> + +<h3 id="Parameters">Paramètres</h3> + +<p>Aucun.</p> + +<h3 id="Return_value">Valeur de retour</h3> + +<dl> + <dt><code>json</code></dt> + <dd>Une chaîne de caractères JSON qui est la sérialisation de l'objet <a href="/fr/docs/Web/API/PerformanceServerTiming"><code>PerformanceServerTiming</code></a>.</dd> +</dl> + +<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('Server Timing','#dom-performanceservertiming-tojson','toJSON')}} + </td> + <td>{{Spec2('Server Timing')}}</td> + <td>Définition initiale.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> + +<p>{{Compat("api.PerformanceServerTiming.toJSON")}}</p> |