PerformanceElementTiming: loadTime-Eigenschaft
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.
Die loadTime
-Eigenschaft des PerformanceElementTiming
-Interfaces gibt für Text immer 0
zurück. Bei Bildern gibt sie die Zeit zurück, die die späteste zwischen der Zeit ist, zu der die Bildressource geladen wird, und der Zeit, zu der sie dem Element angehängt wird.
Wert
Ein DOMHighResTimeStamp
mit dem loadTime
des Elements. Immer 0
für Text.
Beispiele
Protokollierung der loadTime
In diesem Beispiel wird ein <img>
-Element durch Hinzufügen des elementtiming
-Attributs beobachtet. Ein PerformanceObserver
wird registriert, um alle Performance-Einträge des Typs "element"
zu erhalten. Das buffered
-Flag wird verwendet, um auf Daten zuzugreifen, die vor der Erstellung des Beobachters vorhanden waren. Der Aufruf von entry.loadTime
gibt die loadTime
des Bildelements zurück.
<img
src="image.jpg"
alt="a nice image"
elementtiming="big-image"
id="myImage" />
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
if (entry.identifier === "big-image") {
console.log(entry.loadTime);
}
});
});
observer.observe({ type: "element", buffered: true });
Spezifikationen
Specification |
---|
Element Timing API # ref-for-dom-performanceelementtiming-loadtime① |
Browser-Kompatibilität
BCD tables only load in the browser