diff options
Diffstat (limited to 'files/fr/web/api/performanceresourcetiming/responsestart/index.md')
-rw-r--r-- | files/fr/web/api/performanceresourcetiming/responsestart/index.md | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/files/fr/web/api/performanceresourcetiming/responsestart/index.md b/files/fr/web/api/performanceresourcetiming/responsestart/index.md new file mode 100644 index 0000000000..4279d42446 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/responsestart/index.md @@ -0,0 +1,84 @@ +--- +title: PerformanceResourceTiming.responseStart +slug: Web/API/PerformanceResourceTiming/responseStart +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - responseStart +translation_of: Web/API/PerformanceResourceTiming/responseStart +--- +<div>{{APIRef("Resource Timing API")}}</div> + +<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> + +<p>{{AvailableInWorkers}}</p> + +<h2 id="Syntax">Syntaxe</h2> + +<pre class="brush: js"><var>resource</var>.responseStart;</pre> + +<h3 id="Return_Value">Valeur de retour</h3> + +<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> + +<h2 id="Example">Exemple</h2> + +<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> + +<pre class="brush: js">function print_PerformanceEntries() { + // Utilise getEntriesByType() pour obtenir uniquement les événements "resource" + let p = performance.getEntriesByType("resource"); + for (let i = 0; i < p.length; i++) { + print_start_and_end_properties(p[i]); + } +} +function print_start_and_end_properties(perfEntry) { + // Imprime les horodatages des propriétés *start et *end + properties = ["connectStart", "connectEnd", + "domainLookupStart", "domainLookupEnd", + "fetchStart", + "redirectStart", "redirectEnd", + "requestStart", + "responseStart", "responseEnd", + "secureConnectionStart"]; + + for (let i = 0; i < properties.length; i++) { + // vérifie chaque propriété + let supported = properties[i] in perfEntry; + if (supported) { + let value = perfEntry[properties[i]]; + console.log("... " + properties[i] + " = " + value); + } else { + console.log("... " + properties[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('Resource Timing', '#dom-performanceresourcetiming-responsestart', + 'responseStart')}}</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.responseStart")}}</p> |