PerformanceResourceTiming.fetchStart

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2017.

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.

Note : Cette fonctionnalité est disponible via les Web Workers.

Syntaxe

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

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

Spécifications

Specification
Resource Timing
# dom-performanceresourcetiming-fetchstart

Compatibilité des navigateurs

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
fetchStart

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Has more compatibility info.