PerformanceElementTiming.loadTime
La propriété en lecture seule loadTime
de l'interface PerformanceElementTiming
renvoie toujours 0 pour le texte. Pour les images, elle renvoie le temps qui est le plus tardif entre le moment où la ressource image est chargée et le moment où elle est attachée à l'élément.
Syntaxe
var loadTime = PerformanceElementTiming.loadTime;
Valeur
Un objet DOMHighResTimeStamp
avec le temps de chargement de l'élément.
Exemples
Dans cet exemple, l'appel à entry.loadTime
renvoie le temps de chargement de l'image.
<img
src="image.jpg"
alt="une belle image"
elementtiming="big-image"
id="myImage" />
const observer = new PerformanceObserver((list) => {
let entries = list.getEntries().forEach(function (entry) {
if (entry.identifier === "big-image") {
console.log(entry.loadTime);
}
});
});
observer.observe({ entryTypes: ["element"] });
Note : Cet exemple utilise l'interface PerformanceObserver
pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément PerformanceEntry.entryType
afin d'utiliser l'interface PerformanceElementTiming
.
Spécifications
Specification |
---|
Element Timing API # ref-for-dom-performanceelementtiming-loadtime① |
Compatibilité des navigateurs
BCD tables only load in the browser