PerformanceResourceTiming : propriété deliveryType
Limited availability
Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.
Note : Cette fonctionnalité est disponible via les Web Workers.
Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.
La propriété en lecture seule deliveryType est une chaîne de caractères indiquant comment la ressource a été délivrée — par exemple depuis le cache ou via une pré-récupération de navigation.
Valeur
Une chaîne de caractères, qui peut prendre l'une des valeurs suivantes :
"cache"-
La ressource a été récupérée depuis le cache.
-
La ressource a été récupérée à partir d'une réponse pré-récupérée stockée dans un cache en mémoire via l'API Speculation Rules.
""(chaîne vide)-
Retourne une chaîne de caractères vide si aucun des types de livraison ci-dessus ne s'applique.
Exemples
Filtrer les ressources
La propriété deliveryType peut être utilisée pour obtenir uniquement certaines entrées de chronologie de ressources ; par exemple, uniquement celles qui ont été mises en cache.
L'exemple suivant utilise un PerformanceObserver pour notifier les nouvelles entrées de performance de type resource au fur et à mesure qu'elles sont enregistrées dans la chronologie de performance du navigateur. L'option buffered permet d'accéder aux entrées antérieures à la création de l'observateur.
const observer = new PerformanceObserver((list) => {
const cachedResources = list
.getEntries()
.filter((entry) => entry.deliveryType === "cache");
console.log(cachedResources);
});
observer.observe({ type: "resource", buffered: true });
L'exemple suivant utilise Performance.getEntriesByType(), qui n'affiche que les entrées de performance de type resource présentes dans la chronologie de performance du navigateur au moment de l'appel de la méthode.
const scripts = performance
.getEntriesByType("resource")
.filter((entry) => entry.deliveryType === "cache");
console.log(scripts);
Spécifications
| Specification |
|---|
| Resource Timing # dom-performanceresourcetiming-deliverytype |