PerformanceResourceTiming: deliveryType-Eigenschaft
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die schreibgeschützte Eigenschaft deliveryType ist ein String, der anzeigt, wie die Ressource bereitgestellt wurde — zum Beispiel aus dem Cache oder durch ein Navigations-Prefetch.
Wert
Ein String, der einen der folgenden Werte annehmen kann:
"cache"-
Die Ressource wurde aus dem Cache abgerufen.
-
Die Ressource wurde aus einer vorab abgerufenen Antwort bereitgestellt, die über ein In-Memory-Cache über die Speculation Rules API gespeichert wurde.
""(leerer String)-
Wird zurückgegeben, wenn keiner der obigen Bereitstellungstypen zutrifft.
Beispiele
Ressourcen filtern
Die deliveryType-Eigenschaft kann verwendet werden, um nur bestimmte Ressourcentiming-Einträge zu erhalten; zum Beispiel nur die, die zwischengespeichert wurden.
Das folgende Beispiel verwendet einen PerformanceObserver, um über neue resource-Performanceeinträge zu benachrichtigen, sobald sie in der Leistungszeitleiste des Browsers aufgezeichnet werden. Die Option buffered wird verwendet, um auf Einträge vor Erstellung des Observers zuzugreifen.
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(), welche nur die resource-Performanceeinträge anzeigt, die zum Zeitpunkt des Methodenaufrufs in der Leistungszeitleiste des Browsers vorhanden sind.
const scripts = performance
.getEntriesByType("resource")
.filter((entry) => entry.deliveryType === "cache");
console.log(scripts);
Spezifikationen
| Specification |
|---|
| Resource Timing # dom-performanceresourcetiming-deliverytype |
Browser-Kompatibilität
Loading…