PerformanceResourceTiming: firstInterimResponseStart-Eigenschaft

Wert

Die Eigenschaft firstInterimResponseStart kann die folgenden Werte haben:

• Ein DOMHighResTimeStamp unmittelbar nachdem der Browser die ersten vorläufigen Bytes der Antwort vom Server erhält.
• 0, wenn die Ressource keine vorläufige Antwort gesendet hat.
• 0, wenn die Ressource eine Cross-Origin-Anfrage ist und der Timing-Allow-Origin HTTP-Antwort-Header nicht verwendet wird.

Wenn firstInterimResponseStart ungleich null ist, bedeutet das, dass es denselben Wert wie requestStart für unterstützende Browser haben sollte.

Beispiele

Messung der Anforderungszeit

Die Eigenschaften firstInterimResponseStart und requestStart können verwendet werden, um zu messen, wie lange es dauert, bis der Browser eine vorläufige Antwort nach dem Senden der Anfrage erhält.

const request = entry.firstInterimResponseStart - entry.requestStart;

Das folgende Beispiel verwendet einen PerformanceObserver, um über neue resource-Performance-Einträge zu informieren, sobald sie in der Performance-Zeitleiste des Browsers erfasst werden. Die Option buffered wird verwendet, um auf Einträge vor der Erstellung des Observers zuzugreifen.

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    const request = entry.firstInterimResponseStart - entry.requestStart;
    if (request > 0) {
      console.log(`${entry.name}: Interim response time: ${request}ms`);
    }
  });
});

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

Das folgende Beispiel verwendet Performance.getEntriesByType(), das nur resource-Performance-Einträge zeigt, die zur Zeit des Aufrufs der Methode in der Performance-Zeitleiste des Browsers vorhanden sind.

const resources = performance.getEntriesByType("resource");
resources.forEach((entry) => {
  const request = entry.firstInterimResponseStart - entry.requestStart;
  if (request > 0) {
    console.log(`${entry.name}: Interim response time: ${request}ms`);
  }
});

Cross-Origin-Timing-Informationen

Wenn der Wert der Eigenschaft firstInterimResponseStart 0 ist, könnte die Ressource eine Cross-Origin-Anfrage sein. Um die Anzeige von Cross-Origin-Timing-Informationen zu ermöglichen, muss der Timing-Allow-Origin HTTP-Antwort-Header gesetzt werden.

Um zum Beispiel https://developer.mozilla.org die Anzeige von Timing-Ressourcen zu ermöglichen, sollte die Cross-Origin-Ressource senden:

Timing-Allow-Origin: https://developer.mozilla.org

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Timing-Allow-Origin
• finalResponseHeadersStart