Baseline 2023
Newly available
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die decodedBodySize
-Eigenschaft (nur lesbar) gibt die GröÃe (in Oktetten) des empfangenen Nachrichtentextes vom Abruf (HTTP oder Cache) nach Entfernung jeglicher angewandter Inhaltskodierung (wie gzip oder Brotli) zurück. Wenn die Ressource aus einem Anwendungscache oder lokalen Ressourcen abgerufen wird, gibt sie die GröÃe der Nutzlast nach Entfernung jeglicher angewandter Inhaltskodierung zurück.
Die decodedBodySize
-Eigenschaft kann folgende Werte haben:
0
, wenn die Ressource eine Cross-Origin-Anfrage ist und kein Timing-Allow-Origin
HTTP-Antwort-Header verwendet wird.Wenn die Eigenschaften decodedBodySize
und encodedBodySize
nicht null sind und sich unterscheiden, wurde der Inhalt komprimiert (zum Beispiel mit gzip oder Brotli).
Beispiel unter Verwendung eines PerformanceObserver
, der über neue resource
-Performance-Einträge benachrichtigt, sobald sie in der Performance-Timeline des Browsers aufgezeichnet werden. Verwenden Sie die Option buffered
, um auf Einträge zuzugreifen, die vor der Erstellung des Observers vorhanden waren.
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 });
Beispiel mit Performance.getEntriesByType()
, das nur resource
-Performance-Einträge anzeigt, die zum Zeitpunkt des Aufrufs dieser Methode in der Performance-Timeline 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!`);
}
});
GröÃeninformationen für Inhalte von anderen Ursprüngen
Wenn der Wert der decodedBodySize
-Eigenschaft 0
ist, könnte die Ressource eine Cross-Origin-Anfrage sein. Um GröÃeninformationen für Inhalte von anderen Ursprüngen offenzulegen, muss der Timing-Allow-Origin
HTTP-Antwort-Header gesetzt sein.
Zum Beispiel sollte die Cross-Origin-Ressource, um https://developer.mozilla.org
zu erlauben, InhaltsgröÃen zu sehen, senden:
Timing-Allow-Origin: https://developer.mozilla.org
Spezifikationen Browser-Kompatibilität Siehe auch
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4