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 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.

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

BCD tables only load in the browser