PerformanceElementTiming: loadTime-Eigenschaft
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die loadTime-Eigenschaft (nur lesbar) der PerformanceElementTiming-Schnittstelle gibt für Text immer 0 zurück. Für Bilder gibt sie die Zeit zurück, die am spätesten zwischen dem Zeitpunkt liegt, an dem die Bildressource geladen wird, und dem Zeitpunkt, an dem sie an das Element angehängt wird.
Wert
Ein DOMHighResTimeStamp mit der loadTime des Elements. Für Text immer 0.
Beispiele
loadTime protokollieren
In diesem Beispiel wird ein <img>-Element beobachtet, indem das elementtiming-Attribut hinzugefügt wird. 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 Observers vorhanden waren. Der Aufruf von entry.loadTime gibt die loadTime des Bild-Elements 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
| Spezifikation |
|---|
| Element Timing API # dom-performanceelementtiming-loadtime |