PerformanceResourceTiming: responseStatus-Eigenschaft

Die responseStatus-Eigenschaft kann die folgenden Werte annehmen:

• Eine Zahl, die den HTTP-Antwortstatuscode angibt, der beim Abrufen der Ressource zurückgegeben wird.
• 0, wenn die CORS-Prüfung fehlschlägt.
• 0 für plattformübergreifende <iframe>-Objekte.

Die responseStatus-Eigenschaft kann verwendet werden, um zwischengespeicherte Ressourcen mit einem 304 Not Modified-Antwortstatuscode zu überprüfen.

Beispiel mit einem PerformanceObserver, der über neue resource-Performance-Einträge informiert, während sie in der Leistungstimeline des Browsers erfasst werden. Verwenden Sie die buffered-Option, um auf Einträge zuzugreifen, die vor der Erstellung des Observers vorhanden waren.

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    if (entry.responseStatus === 304) {
      console.log(`${entry.name} was loaded from cache`);
    }
  });
});

observer.observe({ type: "resource", buffered: true });

Beispiel mit Performance.getEntriesByType(), das nur resource-Performance-Einträge zeigt, die in der Leistungstimeline des Browsers zum Zeitpunkt des Aufrufs dieser Methode vorhanden sind:

const resources = performance.getEntriesByType("resource");
resources.forEach((entry) => {
  if (entry.responseStatus === 304) {
    console.log(`${entry.name} was loaded from cache`);
  }
});

Alternativ, wenn responseStatus nicht verfügbar ist, können Sie prüfen, ob die transferSize-Eigenschaft 0 zurückgegeben hat.

Wenn der Wert der responseStatus-Eigenschaft 0 ist, könnte die Ressource eine plattformübergreifende Anfrage sein. Um plattformübergreifende Antwortstatuscodes anzuzeigen, muss der CORS Access-Control-Allow-Origin HTTP-Antwortheader gesetzt werden.

Um beispielsweise https://developer.mozilla.org zu erlauben, Antwortstatuscodes zu sehen, sollte die plattformübergreifende Ressource senden:

Access-Control-Allow-Origin: https://developer.mozilla.org

• HTTP-Antwortstatuscode
• Response.status
• CORS