PerformanceResourceTiming: encodedBodySize-Eigenschaft

Die encodedBodySize-Eigenschaft kann die folgenden Werte haben:

• Eine Zahl, die die Größe (in Oktetten) des beim Fetch (HTTP oder Cache) empfangenen Nutzlastkörpers darstellt, bevor jegliche angewandte Inhaltskodierungen entfernt werden.
• 0, wenn die Ressource eine Cross-Origin-Anfrage ist und kein Timing-Allow-Origin-HTTP-Antwort-Header verwendet wird.

Wenn die Eigenschaften encodedBodySize und decodedBodySize nicht null sind und sich unterscheiden, wurde der Inhalt komprimiert (zum Beispiel gzip oder Brotli).

Ein Beispiel mit einem PerformanceObserver, der über neue resource-Performance-Einträge informiert, wenn sie in der Performance-Zeitleiste des Browsers aufgezeichnet werden. Verwenden Sie die buffered-Option, um auf Einträge vor der Erstellung des Observers zuzugreifen.

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    const uncompressed =
      entry.decodedBodySize && entry.decodedBodySize === entry.encodedBodySize;
    if (uncompressed) {
      console.log(`${entry.name} was not compressed!`);
    }
  });
});

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

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

const resources = performance.getEntriesByType("resource");
resources.forEach((entry) => {
  const uncompressed =
    entry.decodedBodySize && entry.decodedBodySize === entry.encodedBodySize;
  if (uncompressed) {
    console.log(`${entry.name} was not compressed!`);
  }
});

Wenn der Wert der encodedBodySize-Eigenschaft 0 ist, könnte die Ressource eine Cross-Origin-Anfrage sein. Um Cross-Origin-Informationsgrößen offenzulegen, muss der Timing-Allow-Origin-HTTP-Antwort-Header gesetzt werden.

Zum Beispiel sollte die Cross-Origin-Ressource, um https://developer.mozilla.org die Inhaltsgrößen zu zeigen, senden:

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

• Timing-Allow-Origin