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.

html
<img
  src="image.jpg"
  alt="a nice image"
  elementtiming="big-image"
  id="myImage" />
js
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