From 48a326c0d47c8f49eb50706420a33bfcbe24f2c7 Mon Sep 17 00:00:00 2001 From: tristantheb Date: Sun, 11 Apr 2021 09:03:44 +0200 Subject: L10N: Translation of all Performance APIs/Interfaces/Properties/Methods (#232) * L10N: Translation of the Performance API pages * L10N: Translation of the Performance Timeline API pages * Fix typo, style and KS elements * UPDATE: Update content of code blocks with the Guideline * L10N: Translation of the PerformanceElementTiming pages * L10N: Translation of the PerformanceEntry pages * L10N: Translation of the PerformanceEventTiming interface * L10N: Translation of the PerformanceFrameTiming interface * L10N: Translation of the PerformanceLongTaskTiming interface * L10N: Translation of the PerformanceMark interface * L10N: Translation of the PerformanceMeasure interface * L10N: Translation of the PerformanceNavigation interface * L10N: Translation of the PerformanceNavigationTiming interface * L10N: Translation of the PerformanceObserver interface * L10N: Translation of the PerformanceObserverEntryList interface * L10N: Translation of the PerformancePaintTiming interface * L10N: Translation of the PerformanceResourceTiming interface * L10N: Translation of the PerformanceServerTiming interface * L10N: Translation of the PerformanceTiming interface * FIX: Fix KS error on PerformanceTiming interface * FIX: Change some summary and typo * FIX: Fix CSS and sentences on PerformanceObserverEntryList interface * FIX: Update KS + Change {{event()}} by link on PerformanceEventTiming interface * Review - Landing page * Review 'using' page - rm domxref * Perforamance_timeline review: rm domxref, minor rewording, missing translation * Review timeline guide page, rm domxref, rm vars in pre * Review - PerformanceElementTiming - rm domxref + trailing spaces * Review - PerformanceElementTiming.id - rm xref macros + trailing spaces * Review - PerformanceElementTiming.identifier - rm xref macros + trailing spaces * Review - PerformanceElementTiming - rm xref macros + trailing spaces * Review - PET.intersectionrect - rm domxref / minor typos * Undo spec table mixup * Review - loadTime - rm domxref * Review - naturalheight - rm domxref / trailing spaces * Review - naturalwidth - rm domxref / trailing spaces * Review - renderTime - rm domxref / trailing spaces / minor rewordings * Review - tojson - rm domxref / trailing spaces * Review - url - rm domxref / trailing spaces * Review - duration - rm domxref / minor rewordings * Review - entryType - rm domxref / minor rewordings * Review - performanceentry index - rm domxref / minor rewordings * Review PerformanceEntry.name - rm xref macros * Review PerformanceEntry.startTime - rm xref macros * Review PerformanceEntry.toJSON - rm xref macros * Review PerformanceEventTiming - rm domxref * Review PerformanceFrameTiming - rm xref macros * Review PerformanceLongTaskTiming.attribution - rm xref macros * Review PerformanceLongTaskTiming - rm xref macros * Review - PerformanceMark - rm domxref * Review - PerformanceMeasure - rm domxref * Review - PerformanceNavigation - rm domxref * Review - PerformanceNavigation.redirectcount - rm domxref * Review - PerformanceNavigation.type - rm domxref * Review - PerformanceNavigationTiming.domComplete - rm domxref * Review - PerformanceNavigationTiming.domContentLoadedEvent - rm domxref * Review - PerformanceNavigationTiming.domContentLoadedEventStart - rm domxref * Review - PerformanceNavigationTiming.domInteractive - rm domxref * Review - PerformanceNavigationTiming - rm domxref * Review - PerformanceNavigationTiming.loadEventEnd - rm domxref * Review - PerformanceNavigationTiming.loadEventStart - rm domxref * Review - PerformanceNavigationTiming.redirectCount - rm domxref * Review - PerformanceNavigationTiming.toJSON - rm domxref * Review - PerformanceNavigationTiming.type - rm domxref * Review - PerformanceNavigationTiming.unloadEventEnd - rm domxref * Review - PerformanceNavigationTiming.unloadEventStart - rm domxref * Remove DOMxRef for PerformanceTiming * Remove DOMxRef for PerformanceServerTiming * Remove DOMxRef for PerformanceResourceTiming * Review - PerformanceObserver.disconnect - rm domxref * Review - PerformanceObserver - rm domxref * Review - PerformanceObserver.observe - rm domxref * Review - PerformanceObserver.PerformanceObserver() - rm domxref * Review - PerformanceObserver.takeRecords() - rm domxref * Review - PerformanceObserverEntryList.getEntries() - rm domxref * Review - PerformanceObserver.getEntriesByName() - rm domxref * Review - PerformanceObserver.getEntriesByType() - rm domxref * Review - PerformanceObserverEntryList - rm domxref * Review - PerformanceResourceTiming.connectEnd - rm domxref * Review - PerformanceResourceTiming.connectStart * Review - PerformanceResourceTiming.decodedBodySize * Review - PerformanceResourceTiming.domainLookupEnd * Review - PerformanceResourceTiming.domainLookupStart * Review - PerformanceResourceTiming.encodedBodySize * Review - PerformanceResourceTiming.fetchStart * Review - PerformanceResourceTiming * Review - PerformanceResourceTiming.iniatorType * Review - PerformanceResourceTiming.nextHopProtocol * Review - PerformanceResourceTiming.redirectEnd * Review - PerformanceResourceTiming.redirectStart * Review - PerformanceResourceTiming.requestStart * Review - PerformanceResourceTiming.responseEnd * Review - PerformanceResourceTiming.responseStart * Review - PerformanceResourceTiming.secureConnectionStart * Review - PerformanceResourceTiming.toJSON() * Review - PerformanceResourceTiming.transferSize * Review - PerformanceResourceTiming.workerStart * Review - PerformanceServerTiming.description * Review - PerformanceServerTiming.duration * Review - PerformanceServerTiming * Review - PerformanceServerTiming.name * Review - PerformanceServerTiming.toJSON() * Review - PerformanceTiming.domComplete - rm Event * Review - PerformanceTiming.domContentLoadedEventStart - rm Event * Review - PerformanceTiming.domInteractive - rm Event * Review - PerformanceTiming.domLoading - rm Event * Review - PerformanceTiming - minor typos + thead spec * Review - PerformanceTiming.loadEventEnd - rm Event * Review - PerformanceTiming.loadEventStart - rm Event * Review - PerformanceTiming.unloadEventEnd - rm Event * Review - PerformanceTiming.unloadEventStart - rm Event * Remove final domxref / rm var in examples Co-authored-by: julieng --- .../connectend/index.html | 84 +++++++++++++++ .../connectstart/index.html | 84 +++++++++++++++ .../decodedbodysize/index.html | 84 +++++++++++++++ .../domainlookupend/index.html | 86 +++++++++++++++ .../domainlookupstart/index.html | 84 +++++++++++++++ .../encodedbodysize/index.html | 83 +++++++++++++++ .../fetchstart/index.html | 86 +++++++++++++++ .../web/api/performanceresourcetiming/index.html | 118 +++++++++++++++++++++ .../initiatortype/index.html | 78 ++++++++++++++ .../nexthopprotocol/index.html | 72 +++++++++++++ .../redirectend/index.html | 86 +++++++++++++++ .../redirectstart/index.html | 86 +++++++++++++++ .../requeststart/index.html | 86 +++++++++++++++ .../responseend/index.html | 84 +++++++++++++++ .../responsestart/index.html | 84 +++++++++++++++ .../secureconnectionstart/index.html | 85 +++++++++++++++ .../servertiming/index.html | 51 +++++++++ .../performanceresourcetiming/tojson/index.html | 67 ++++++++++++ .../transfersize/index.html | 83 +++++++++++++++ .../workerstart/index.html | 84 +++++++++++++++ 20 files changed, 1655 insertions(+) create mode 100644 files/fr/web/api/performanceresourcetiming/connectend/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/connectstart/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/decodedbodysize/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/domainlookupend/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/domainlookupstart/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/encodedbodysize/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/fetchstart/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/initiatortype/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/nexthopprotocol/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/redirectend/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/redirectstart/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/requeststart/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/responseend/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/responsestart/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/secureconnectionstart/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/servertiming/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/tojson/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/transfersize/index.html create mode 100644 files/fr/web/api/performanceresourcetiming/workerstart/index.html (limited to 'files/fr/web/api/performanceresourcetiming') diff --git a/files/fr/web/api/performanceresourcetiming/connectend/index.html b/files/fr/web/api/performanceresourcetiming/connectend/index.html new file mode 100644 index 0000000000..a7b5dcf04c --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/connectend/index.html @@ -0,0 +1,84 @@ +--- +title: PerformanceResourceTiming.connectEnd +slug: Web/API/PerformanceResourceTiming/connectEnd +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - connectEnd +translation_of: Web/API/PerformanceResourceTiming/connectEnd +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété en lecture seule connectEnd renvoie le timestamp 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.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.connectEnd;
+ +

Valeur de retour

+ +

Un DOMHighResTimeStamp représentant le temps après l'établissement d'une connexion.

+ +

Exemple

+ +

Dans l'exemple suivant, la valeur des propriétés *Start et *End de tous les événements de type "resource" sont consignés.

+ +
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");
+    }
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing', '#dom-performanceresourcetiming-connectend', + 'connectEnd')}}{{Spec2('Resource Timing')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.connectEnd")}}

diff --git a/files/fr/web/api/performanceresourcetiming/connectstart/index.html b/files/fr/web/api/performanceresourcetiming/connectstart/index.html new file mode 100644 index 0000000000..198a11274c --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/connectstart/index.html @@ -0,0 +1,84 @@ +--- +title: PerformanceResourceTiming.connectStart +slug: Web/API/PerformanceResourceTiming/connectStart +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - connectStart +translation_of: Web/API/PerformanceResourceTiming/connectStart +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété en lecture seule connectStart retourne le timestamp de l'instant avant que l'agent utilisateur ne commence à établir la connexion au serveur pour récupérer la ressource.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.connectStart;
+ +

Valeur de retour

+ +

Un DOMHighResTimeStamp immédiatement avant que le navigateur ne commence à établir la connexion avec le serveur pour récupérer la ressource.

+ +

Exemple

+ +

Dans l'exemple suivant, la valeur des propriétés *Start et *End de tous les événements de type "resource" sont consignés.

+ +
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");
+    }
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing', '#dom-performanceresourcetiming-connectstart', + 'connectStart')}}{{Spec2('Resource Timing')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.connectStart")}}

diff --git a/files/fr/web/api/performanceresourcetiming/decodedbodysize/index.html b/files/fr/web/api/performanceresourcetiming/decodedbodysize/index.html new file mode 100644 index 0000000000..d7a23cd166 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/decodedbodysize/index.html @@ -0,0 +1,84 @@ +--- +title: PerformanceResourceTiming.decodedBodySize +slug: Web/API/PerformanceResourceTiming/decodedBodySize +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - decodedBodySize +translation_of: Web/API/PerformanceResourceTiming/decodedBodySize +--- +
{{APIRef("Resource Timing API")}}
+ +

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.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.decodedBodySize;
+ +

Valeur de retour

+ +

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é.

+ +

Exemple

+ +

Dans l'exemple suivant, la valeur des propriétés de taille de tous les événements de type "resource" est enregistrée.

+ +
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) {
+    console.log("decodedBodySize = " + perfEntry.decodedBodySize);
+  } else {
+    console.log("decodedBodySize = N'EST PAS pris en charge");
+  }
+
+  if ("encodedBodySize" in perfEntry) {
+    console.log("encodedBodySize = " + perfEntry.encodedBodySize);
+  } else {
+    console.log("encodedBodySize = N'EST PAS pris en charge");
+  }
+
+  if ("transferSize" in perfEntry) {
+    console.log("transferSize = " + perfEntry.transferSize);
+  } else {
+    console.log("transferSize = N'EST PAS pris en charge");
+  }
+}
+function check_PerformanceEntries() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
+  let p = performance.getEntriesByType("resource");
+  for (let i = 0; i < p.length; i++) {
+    log_sizes(p[i]);
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing 2', + '#dom-performanceresourcetiming-decodedbodysize', 'decodedBodySize')}}{{Spec2('Resource Timing 2')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.decodedBodySize")}}

diff --git a/files/fr/web/api/performanceresourcetiming/domainlookupend/index.html b/files/fr/web/api/performanceresourcetiming/domainlookupend/index.html new file mode 100644 index 0000000000..b2c3c38520 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/domainlookupend/index.html @@ -0,0 +1,86 @@ +--- +title: PerformanceResourceTiming.domainLookupEnd +slug: Web/API/PerformanceResourceTiming/domainLookupEnd +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - domainLookupEnd +translation_of: Web/API/PerformanceResourceTiming/domainLookupEnd +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété en lecture seule domainLookupEnd retourne le timestamp immédiatement après que le navigateur ait terminé la recherche du nom de domaine pour la ressource.

+ +

Si l'agent utilisateur dispose des informations de domaine dans le cache, domainLookupStart et domainLookupEnd représentent les moments où l'agent utilisateur commence et termine la récupération des données de domaine dans le cache.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.domainLookupEnd;
+ +

Valeur de retour

+ +

Un DOMHighResTimeStamp représentant l'heure immédiatement après la fin de la recherche du nom de domaine de la ressource par le navigateur.

+ +

Exemple

+ +

Dans l'exemple suivant, la valeur des propriétés *Start et *End de tous les événements de type "resource" sont enregistrés.

+ +
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");
+    }
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing', '#dom-performanceresourcetiming-domainlookupend', + 'domainLookupEnd')}}{{Spec2('Resource Timing')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.domainLookupEnd")}}

diff --git a/files/fr/web/api/performanceresourcetiming/domainlookupstart/index.html b/files/fr/web/api/performanceresourcetiming/domainlookupstart/index.html new file mode 100644 index 0000000000..34f33fb6c9 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/domainlookupstart/index.html @@ -0,0 +1,84 @@ +--- +title: PerformanceResourceTiming.domainLookupStart +slug: Web/API/PerformanceResourceTiming/domainLookupStart +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - domainLookupStart +translation_of: Web/API/PerformanceResourceTiming/domainLookupStart +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété en lecture seule domainLookupStart retourne le timestamp immédiatement avant que le navigateur ne commence la recherche du nom de domaine pour la ressource.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.domainLookupStart;
+ +

Valeur de retour

+ +

Un DOMHighResTimeStamp immédiatement avant que le navigateur ne commence la recherche du nom de domaine pour la ressource.

+ +

Exemple

+ +

Dans l'exemple suivant, la valeur des propriétés *Start et *End de tous les événements de type "resource" sont enregistrés.

+ +
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");
+    }
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing', + '#dom-performanceresourcetiming-domainlookupstart', 'domainLookupStart')}}{{Spec2('Resource Timing')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.domainLookupStart")}}

diff --git a/files/fr/web/api/performanceresourcetiming/encodedbodysize/index.html b/files/fr/web/api/performanceresourcetiming/encodedbodysize/index.html new file mode 100644 index 0000000000..ea3c0d6705 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/encodedbodysize/index.html @@ -0,0 +1,83 @@ +--- +title: PerformanceResourceTiming.encodedBodySize +slug: Web/API/PerformanceResourceTiming/encodedBodySize +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - encodedBodySize +translation_of: Web/API/PerformanceResourceTiming/encodedBodySize +--- +
{{APIRef("Resource Timing API")}}
+ +

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é.

+ +

{{AvailableInWorkers}}

+ +

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é.

+ +

Syntaxe

+ +
resource.encodedBodySize;
+ +

Valeur de retour

+ +

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é.

+ +

Exemple

+ +

Dans l'exemple suivant, la valeur des propriétés de taille de tous les types "resource" sont enregistrées.

+ +
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)
+    console.log("decodedBodySize = " + perfEntry.decodedBodySize);
+  else
+    console.log("decodedBodySize = N'EST PAS pris en charge");
+
+  if ("encodedBodySize" in perfEntry)
+    console.log("encodedBodySize = " + perfEntry.encodedBodySize);
+  else
+    console.log("encodedBodySize = N'EST PAS pris en charge");
+
+  if ("transferSize" in perfEntry)
+    console.log("transferSize = " + perfEntry.transferSize);
+  else
+    console.log("transferSize = N'EST PAS pris en charge");
+}
+function check_PerformanceEntries() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
+  let p = performance.getEntriesByType("resource");
+  for (let i = 0; i < p.length; i++) {
+    log_sizes(p[i]);
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{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.html b/files/fr/web/api/performanceresourcetiming/fetchstart/index.html new file mode 100644 index 0000000000..2deb1ba0e9 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/fetchstart/index.html @@ -0,0 +1,86 @@ +--- +title: PerformanceResourceTiming.fetchStart +slug: Web/API/PerformanceResourceTiming/fetchStart +tags: +- API +- Property +- Propriété +- Reference +- Performance Web +- Resource Timing API +- fetchStart +translation_of: Web/API/PerformanceResourceTiming/fetchStart +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété en lecture seule fetchStart représente un timestamp immédiatement avant que le navigateur ne commence à récupérer la ressource.

+ +

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.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.fetchStart;
+ +

Valeur de retour

+ +

Un DOMHighResTimeStamp immédiatement avant que le navigateur ne commence à récupérer la ressource.

+ +

Exemple

+ +

Dans l'exemple suivant, la valeur des propriétés *Start et *End de tous les événements de type "resource" sont enregistrés.

+ +
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");
+    }
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing', '#dom-performanceresourcetiming-fetchstart', + 'fetchStart')}}{{Spec2('Resource Timing')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.fetchStart")}}

diff --git a/files/fr/web/api/performanceresourcetiming/index.html b/files/fr/web/api/performanceresourcetiming/index.html new file mode 100644 index 0000000000..07f6f67147 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/index.html @@ -0,0 +1,118 @@ +--- +title: PerformanceResourceTiming +slug: Web/API/PerformanceResourceTiming +tags: + - API + - DOM + - Interface + - Reference + - Performance Web + - Resource Timing API +translation_of: Web/API/PerformanceResourceTiming +--- +
{{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, un élément <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 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 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 suivantes pour les types d'entrée de performance des ressources en les restreignant comme suit :

+ +
+
PerformanceEntry.entryType {{readonlyInline}}
+
Retourne "resource".
+
PerformanceEntry.name {{readonlyInline}}
+
Retourne l'URL des ressources.
+
PerformanceEntry.startTime {{readonlyInline}}
+
Retourne le timestamp de l'heure de début de la récupération d'une ressource. Cette valeur est équivalente à PerformanceResourceTiming.fetchStart.
+
PerformanceEntry.duration {{readonlyInline}}
+
Retourne un timestamp qui est la différence entre les propriétés responseEnd et 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 {{readonlyInline}}
+
Une chaîne de caractère string représentant le type de ressource qui a initié l'entrée de performance, comme spécifié dans PerformanceResourceTiming.initiatorType.
+
PerformanceResourceTiming.nextHopProtocol {{readonlyInline}}
+
Une chaîne de caractère string représentant le protocole réseau utilisé pour récupérer la ressource, tel qu'identifié par le ALPN Protocol ID (RFC7301).
+
PerformanceResourceTiming.workerStart {{readonlyInline}}
+
Retourne un DOMHighResTimeStamp immédiatement avant de transmettre le 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 {{readonlyInline}}
+
Un DOMHighResTimeStamp qui représente l'heure de début de l'extraction qui déclenche la redirection.
+
PerformanceResourceTiming.redirectEnd {{readonlyInline}}
+
Un DOMHighResTimeStamp immédiatement après la réception du dernier octet de la réponse de la dernière redirection.
+
PerformanceResourceTiming.fetchStart {{readonlyInline}}
+
Un DOMHighResTimeStamp immédiatement avant que le navigateur ne commence à récupérer la ressource.
+
PerformanceResourceTiming.domainLookupStart {{readonlyInline}}
+
Un DOMHighResTimeStamp immédiatement avant que le navigateur ne commence la recherche du nom de domaine pour la ressource.
+
PerformanceResourceTiming.domainLookupEnd {{readonlyInline}}
+
Un 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 {{readonlyInline}}
+
Un DOMHighResTimeStamp immédiatement avant que le navigateur ne commence à établir la connexion avec le serveur pour récupérer la ressource.
+
PerformanceResourceTiming.connectEnd {{readonlyInline}}
+
Un 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 {{readonlyInline}}
+
Un DOMHighResTimeStamp immédiatement avant que le navigateur ne lance le processus de reconnaissance pour sécuriser la connexion en cours.
+
PerformanceResourceTiming.requestStart {{readonlyInline}}
+
Un DOMHighResTimeStamp immédiatement avant que le navigateur ne commence à demander la ressource au serveur.
+
PerformanceResourceTiming.responseStart {{readonlyInline}}
+
Un DOMHighResTimeStamp immédiatement après que le navigateur ait reçu le premier octet de la réponse du serveur.
+
PerformanceResourceTiming.responseEnd {{readonlyInline}}
+
Un 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 {{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 {{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 {{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 {{readonlyInline}}
+
Un tableau d'entrées PerformanceServerTiming contenant des mesures de synchronisation du serveur.
+
+ +

Méthodes

+ +
+
PerformanceResourceTiming.toJSON()
+
Renvoie une chaîne de caractère DOMString qui est la représentation JSON de l'objet PerformanceResourceTiming.
+
+ +

Exemple

+ +

Voir l'exemple dans Utilisation de Resource Timing API.

+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing', '#performanceresourcetiming', 'PerformanceResourceTiming')}}{{Spec2('Resource Timing')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming")}}

+ +

Voir aussi

+ + diff --git a/files/fr/web/api/performanceresourcetiming/initiatortype/index.html b/files/fr/web/api/performanceresourcetiming/initiatortype/index.html new file mode 100644 index 0000000000..b63192a685 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/initiatortype/index.html @@ -0,0 +1,78 @@ +--- +title: PerformanceResourceTiming.initiatorType +slug: Web/API/PerformanceResourceTiming/initiatorType +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - initiatorType +translation_of: Web/API/PerformanceResourceTiming/initiatorType +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété initiatorType en lecture seule est une chaîne de caractères qui représente le type de ressource qui a initié l'événement de performance.

+ +

La valeur de cette chaîne est la suivante:

+ + + +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.initiatorType;
+ +

Valeur de retour

+ +

Une chaîne de caractères (DOMString) représentant le type de ressource qui a initié l'événement de performance, comme spécifié ci-dessus.

+ +

Exemple

+ +
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_initiatorType(p[i]);
+  }
+}
+function print_initiatorType(perfEntry) {
+  // Imprime la valeur initiatorType de cet objet d'entrée de performance
+  let value = "initiatorType" in perfEntry;
+  if (value)
+    console.log("... initiatorType = " + perfEntry.initiatorType);
+  else
+    console.log("... initiatorType = N'EST PAS pris en charge");
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing', + '#dom-performanceresourcetiming-initiatortype', 'initiatorType')}}{{Spec2('Resource Timing')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.initiatorType")}}

diff --git a/files/fr/web/api/performanceresourcetiming/nexthopprotocol/index.html b/files/fr/web/api/performanceresourcetiming/nexthopprotocol/index.html new file mode 100644 index 0000000000..e08dab0889 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/nexthopprotocol/index.html @@ -0,0 +1,72 @@ +--- +title: PerformanceResourceTiming.nextHopProtocol +slug: Web/API/PerformanceResourceTiming/nextHopProtocol +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - nextHopProtocol +translation_of: Web/API/PerformanceResourceTiming/nextHopProtocol +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété en lecture seule nextHopProtocol est une chaîne de caractères représentant le protocole réseau utilisé pour récupérer la ressource, tel qu'identifié par le ALPN Protocol ID (RFC7301).

+ +

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.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.nextHopProtocol;
+ +

Valeur de retour

+ +

Une chaîne de caractères string représentant le protocole réseau utilisé pour récupérer la ressource, tel qu'identifié par le ALPN Protocol ID (RFC7301).

+ +

Exemple

+ +

L'exemple suivant utilise la propriété nextHopProtocol :

+ +
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_nextHopProtocol(p[i]);
+  }
+}
+function print_nextHopProtocol(perfEntry) {
+  let value = "nextHopProtocol" in perfEntry;
+  if (value)
+    console.log("nextHopProtocol = " + perfEntry.nextHopProtocol);
+  else
+    console.log("nextHopProtocol = N'EST PAS pris en charge");
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing 2', + '#dom-performanceresourcetiming-nexthopprotocol', 'nextHopProtocol')}}{{Spec2('Resource Timing 2')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.nextHopProtocol")}}

diff --git a/files/fr/web/api/performanceresourcetiming/redirectend/index.html b/files/fr/web/api/performanceresourcetiming/redirectend/index.html new file mode 100644 index 0000000000..e5474b37b9 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/redirectend/index.html @@ -0,0 +1,86 @@ +--- +title: PerformanceResourceTiming.redirectEnd +slug: Web/API/PerformanceResourceTiming/redirectEnd +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - redirectEnd +translation_of: Web/API/PerformanceResourceTiming/redirectEnd +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété en lecture seule redirectEnd retourne un timestamp immédiatement après la réception du dernier octet de la réponse de la dernière redirection.

+ +

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é.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.redirectEnd;
+ +

Valeur de retour

+ +

Un timestamp immédiatement après la réception du dernier octet de la réponse de la dernière redirection.

+ +

Exemple

+ +

Dans l'exemple suivant, la valeur des propriétés *Start et *End de tous les événements de type "resource" sont enregistrés.

+ +
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");
+    }
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing', '#dom-performanceresourcetiming-redirectend', + 'redirectEnd')}}{{Spec2('Resource Timing')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.redirectEnd")}}

diff --git a/files/fr/web/api/performanceresourcetiming/redirectstart/index.html b/files/fr/web/api/performanceresourcetiming/redirectstart/index.html new file mode 100644 index 0000000000..626038c80b --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/redirectstart/index.html @@ -0,0 +1,86 @@ +--- +title: PerformanceResourceTiming.redirectStart +slug: Web/API/PerformanceResourceTiming/redirectStart +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - redirectStart +translation_of: Web/API/PerformanceResourceTiming/redirectStart +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété en lecture seule redirectStart retourne un timestamp représentant l'instant du début de la récupération qui initie la redirection.

+ +

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é.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.redirectStart;
+ +

Valeur de retour

+ +

Un timestamp représentant l'heure de début de l'extraction qui déclenche la redirection.

+ +

Exemple

+ +

Dans l'exemple suivant, la valeur des propriétés *Start et *End de tous les événements de type "resource" sont enregistrés.

+ +
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");
+    }
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing', '#dom-performanceresourcetiming-redirectstart', + 'redirectStart')}}{{Spec2('Resource Timing')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.redirectStart")}}

diff --git a/files/fr/web/api/performanceresourcetiming/requeststart/index.html b/files/fr/web/api/performanceresourcetiming/requeststart/index.html new file mode 100644 index 0000000000..de0bec6a29 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/requeststart/index.html @@ -0,0 +1,86 @@ +--- +title: PerformanceResourceTiming.requestStart +slug: Web/API/PerformanceResourceTiming/requestStart +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - requestStart +translation_of: Web/API/PerformanceResourceTiming/requestStart +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété en lecture seule requestStart renvoie un timestamp 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.

+ +

Il n'y a pas de propriété de fin (« requestEnd ») correspondante pour requestStart.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.requestStart;
+ +

Valeur de retour

+ +

Un DOMHighResTimeStamp représentant le moment immédiatement avant que le navigateur ne commence à demander la ressource au serveur.

+ +

Example

+ +

Dans l'exemple suivant, la valeur des propriétés *Start et *End de tous les événements de type "resource" sont enregistrés.

+ +
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");
+    }
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing', '#dom-performanceresourcetiming-requeststart', + 'requestStart')}}{{Spec2('Resource Timing')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.requestStart")}}

diff --git a/files/fr/web/api/performanceresourcetiming/responseend/index.html b/files/fr/web/api/performanceresourcetiming/responseend/index.html new file mode 100644 index 0000000000..a87722b213 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/responseend/index.html @@ -0,0 +1,84 @@ +--- +title: PerformanceResourceTiming.responseEnd +slug: Web/API/PerformanceResourceTiming/responseEnd +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - responseEnd +translation_of: Web/API/PerformanceResourceTiming/responseEnd +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété en lecture seule responseEnd retourne un timestamp 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.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.responseEnd;
+ +

Valeur de retour

+ +

Un 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.

+ +

Exemple

+ +

Dans l'exemple suivant, la valeur des propriétés *Start et *End de tous les événements de type "resource" sont enregistrés.

+ +
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");
+    }
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing', '#dom-performanceresourcetiming-responseend', + 'responseEnd')}}{{Spec2('Resource Timing')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.responseEnd")}}

diff --git a/files/fr/web/api/performanceresourcetiming/responsestart/index.html b/files/fr/web/api/performanceresourcetiming/responsestart/index.html new file mode 100644 index 0000000000..bf531b5c93 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/responsestart/index.html @@ -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 +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété en lecture seule responseStart renvoie un timestamp 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.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.responseStart;
+ +

Valeur de retour

+ +

Un DOMHighResTimeStamp immédiatement après que le navigateur ait reçu le premier octet de la réponse du serveur.

+ +

Exemple

+ +

Dans l'exemple suivant, la valeur des propriétés *Start et *End de tous les événements de type "resource" sont enregistrés.

+ +
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");
+    }
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing', '#dom-performanceresourcetiming-responsestart', + 'responseStart')}}{{Spec2('Resource Timing')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.responseStart")}}

diff --git a/files/fr/web/api/performanceresourcetiming/secureconnectionstart/index.html b/files/fr/web/api/performanceresourcetiming/secureconnectionstart/index.html new file mode 100644 index 0000000000..605fa47e55 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/secureconnectionstart/index.html @@ -0,0 +1,85 @@ +--- +title: PerformanceResourceTiming.secureConnectionStart +slug: Web/API/PerformanceResourceTiming/secureConnectionStart +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - secureConnectionStart +translation_of: Web/API/PerformanceResourceTiming/secureConnectionStart +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété en lecture seule secureConnectionStart renvoie un timestamp 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.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.secureConnectionStart;
+ +

Valeur de retour

+ +

Si la ressource est récupérée par le biais d'une connexion sécurisée, un 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.

+ +

Exemple

+ +

Dans l'exemple suivant, la valeur des propriétés *Start et *End de tous les événements de type "resource" sont enregistrés.

+ +
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");
+    }
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing', + '#dom-performanceresourcetiming-secureconnectionstart', 'secureConnectionStart')}} + {{Spec2('Resource Timing')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.secureConnectionStart")}}

diff --git a/files/fr/web/api/performanceresourcetiming/servertiming/index.html b/files/fr/web/api/performanceresourcetiming/servertiming/index.html new file mode 100644 index 0000000000..7ff22aa4fa --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/servertiming/index.html @@ -0,0 +1,51 @@ +--- +title: PerformanceResourceTiming.serverTiming +slug: Web/API/PerformanceResourceTiming/serverTiming +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - SecureContextOnly + - serverTiming +translation_of: Web/API/PerformanceResourceTiming/serverTiming +--- +
{{APIRef("Resource Timing API")}} {{securecontext_header}}
+ +

La propriété en lecture seule serverTiming retourne un tableau d'entrées PerformanceServerTiming contenant des mesures de synchronisation du serveur.

+ +

Syntaxe

+ +
resource.serverTiming;
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Server Timing','#servertiming-attribute', 'serverTiming')}}{{Spec2('Server Timing')}}Initial definition.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.serverTiming")}}

+ +

Voir aussi

+ + diff --git a/files/fr/web/api/performanceresourcetiming/tojson/index.html b/files/fr/web/api/performanceresourcetiming/tojson/index.html new file mode 100644 index 0000000000..224bf123bc --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/tojson/index.html @@ -0,0 +1,67 @@ +--- +title: PerformanceResourceTiming.toJSON() +slug: Web/API/PerformanceResourceTiming/toJSON +tags: + - API + - Method + - Méthode + - Reference + - Performance Web + - Resource Timing API + - toJSON() +translation_of: Web/API/PerformanceResourceTiming/toJSON +--- +
{{APIRef("Resource Timing API")}}
+ +

La méthode toJSON() est un sérialiseur qui retourne une représentation JSON de l'objet PerformanceResourceTiming.

+ +

Syntaxe

+ +
let json = resourcePerfEntry.toJSON();
+ +

Arguments

+ +

Aucun.

+ +

Valeur de retour

+ +
+
json
+
Un objet JSON qui est la sérialisation de l'objet 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.
+
+ +

Exemple

+ +
// Obtient une entrée de performance des ressources
+let perfEntries = performance.getEntriesByType("resource");
+let entry = perfEntries[0];
+
+// Récupère le JSON et l'enregistre
+let json = entry.toJSON();
+let s = JSON.stringify(json);
+console.log("PerformanceEntry.toJSON = " + s);
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing 2', '#dom-performanceresourcetiming-tojson', + 'toJSON')}}{{Spec2('Resource Timing 2')}}
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.toJSON")}}

diff --git a/files/fr/web/api/performanceresourcetiming/transfersize/index.html b/files/fr/web/api/performanceresourcetiming/transfersize/index.html new file mode 100644 index 0000000000..87dfa3535e --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/transfersize/index.html @@ -0,0 +1,83 @@ +--- +title: PerformanceResourceTiming.transferSize +slug: Web/API/PerformanceResourceTiming/transferSize +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - transferSize +translation_of: Web/API/PerformanceResourceTiming/transferSize +--- +
{{APIRef("Resource Timing API")}}
+ +

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).

+ +

{{AvailableInWorkers}}

+ +

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.

+ +

Syntaxe

+ +
resource.transferSize;
+ +

Valeur de retour

+ +

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 (RFC7230).

+ +

Exemple

+ +

Dans l'exemple suivant, les valeurs des propriétés de taille de tous les types "resource" sont enregistrées.

+ +
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)
+    console.log("decodedBodySize = " + perfEntry.decodedBodySize);
+  else
+    console.log("decodedBodySize = N'EST PAS pris en charge");
+
+  if ("encodedBodySize" in perfEntry)
+    console.log("encodedBodySize = " + perfEntry.encodedBodySize);
+  else
+    console.log("encodedBodySize = N'EST PAS pris en charge");
+
+  if ("transferSize" in perfEntry)
+    console.log("transferSize = " + perfEntry.transferSize);
+  else
+    console.log("transferSize = N'EST PAS pris en charge");
+}
+function check_PerformanceEntries() {
+  // Utilise getEntriesByType() pour obtenir uniquement les événements "resource"
+  let p = performance.getEntriesByType("resource");
+  for (let i = 0; i < p.length; i++) {
+    log_sizes(p[i]);
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{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.html b/files/fr/web/api/performanceresourcetiming/workerstart/index.html new file mode 100644 index 0000000000..086f82b9b7 --- /dev/null +++ b/files/fr/web/api/performanceresourcetiming/workerstart/index.html @@ -0,0 +1,84 @@ +--- +title: PerformanceResourceTiming.workerStart +slug: Web/API/PerformanceResourceTiming/workerStart +tags: + - API + - Property + - Propriété + - Reference + - Performance Web + - Resource Timing API + - workerStart +translation_of: Web/API/PerformanceResourceTiming/workerStart +--- +
{{APIRef("Resource Timing API")}}
+ +

La propriété en lecture seule workerStart de l'interface PerformanceResourceTiming renvoie un DOMHighResTimeStamp immédiatement avant l'envoi du 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.

+ +

{{AvailableInWorkers}}

+ +

Syntaxe

+ +
resource.workerStart;
+ +

Valeur de retour

+ +

Un DOMHighResTimeStamp immédiatement avant de transmettre le 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.

+ +

Exemple

+ +

Dans l'exemple suivant, la valeur des propriétés *Start et *End de tous les événements de type "resource" sont enregistrés.

+ +
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");
+    }
+  }
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Resource Timing 2', '#dom-performanceresourcetiming-workerstart', + 'workerStart')}}{{Spec2('Resource Timing 2')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.PerformanceResourceTiming.workerStart")}}

-- cgit v1.2.3-54-g00ecf