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 Navigations-Prefetching.
Wert
Eine Zeichenfolge, die einen der folgenden Werte haben kann:
"cache"-
Die Ressource wurde aus dem Cache abgerufen.
-
Die Ressource wurde aus einer vorab abgerufenen Antwort geladen, die über die Speculation Rules API in einem In-Memory-Cache gespeichert wurde.
""(leere Zeichenfolge)-
Wird zurückgegeben, wenn keiner der vorherigen Bereitstellungstypen zutrifft oder wenn die Ressource von einer anderen Origin stammt und die Prüfung des
Timing-Allow-Origin-Headers nicht besteht. Im Cross-Origin-Fall wird""zurückgegeben, selbst wenn die Ressource aus dem Cache abgerufen wurde.
Beispiele
Ressourcen filtern
Mit der Eigenschaft deliveryType können Sie gezielt Resource-Timing-Einträge abrufen, beispielsweise nur solche für Ressourcen aus dem Cache.
Im folgenden Beispiel wird ein PerformanceObserver verwendet, um über neue resource-Performance-Einträge zu informieren, sobald sie in der Performance-Timeline des Browsers erfasst werden. Mit der Option buffered können Sie auch auf Einträge zugreifen, 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 });
Im folgenden Beispiel wird Performance.getEntriesByType() verwendet. Die Methode liefert nur die resource-Performance-Einträge, die zum Zeitpunkt des Aufrufs in der Performance-Timeline des Browsers vorhanden sind.
const scripts = performance
.getEntriesByType("resource")
.filter((entry) => entry.deliveryType === "cache");
console.log(scripts);
Spezifikationen
| Spezifikation |
|---|
| Resource Timing # dom-performanceresourcetiming-deliverytype |