PerformanceResourceTiming: deliveryType-Eigenschaft
Baseline 2026
Neu verfügbar
*
Seit Oktober 2026 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die schreibgeschützte Eigenschaft deliveryType ist eine Zeichenfolge, die angibt, wie die Ressource bereitgestellt wurde – beispielsweise aus dem Cache oder durch einen Navigations-Prefetch.
Wert
Eine Zeichenfolge mit einem der folgenden Werte:
"cache"-
Die Ressource wurde aus dem Cache abgerufen.
-
Die Ressource wurde aus einer vorab abgerufenen Antwort bezogen, die über die Speculation Rules API in einem In-Memory-Cache gespeichert wurde.
""(leere Zeichenfolge)-
Wird zurückgegeben, wenn keiner der zuvor genannten Bereitstellungstypen zutrifft oder wenn die Ressource von einer anderen Origin stammt und die Prüfung anhand von
Timing-Allow-Originnicht besteht. Im Cross-Origin-Fall wird""zurückgegeben, selbst wenn die Ressource aus dem Cache abgerufen wurde.
Beispiele
Ressourcen filtern
Mit der Eigenschaft deliveryType lassen sich gezielt Resource-Timing-Einträge abrufen, beispielsweise nur solche für Ressourcen aus dem Cache.
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 ermöglicht den Zugriff auf Einträge, die vor der Erstellung des Observers erfasst wurden.
const observer = new PerformanceObserver((list) => {
const cachedResources = list
.getEntries()
.filter((entry) => entry.deliveryType === "cache");
console.log(cachedResources);
});
observer.observe({ type: "resource", buffered: true });
Das folgende Beispiel verwendet Performance.getEntriesByType(). Diese Methode zeigt nur resource-Performance-Einträge an, die zum Zeitpunkt des Aufrufs in der Performance-Zeitleiste des Browsers vorhanden sind.
const scripts = performance
.getEntriesByType("resource")
.filter((entry) => entry.deliveryType === "cache");
console.log(scripts);
Spezifikationen
| Spezifikation |
|---|
| Resource Timing # dom-performanceresourcetiming-deliverytype |