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 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
| Specification |
|---|
| Element Timing API # dom-performanceelementtiming-loadtime |
Browser-Kompatibilität
Loading…