LargestContentfulPaint: loadTime-Eigenschaft
Baseline
2025
Newly available
Since December 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Die loadTime-Schreibgeschützte Eigenschaft der LargestContentfulPaint-Schnittstelle gibt die Zeit zurück, wann das Element geladen wurde.
Wert
Ein timestamp, der die Zeit in Millisekunden darstellt, wann das Element geladen wurde.
Beispiele
Protokollierung des loadTime der größten inhaltsvollen Darstellung
Dieses Beispiel verwendet einen PerformanceObserver, der über neue largest-contentful-paint-Performance-Einträge benachrichtigt wird, sobald diese in der Leistungstimeline des Browsers aufgezeichnet werden. Die buffered-Option wird verwendet, um auf Einträge vor der Erstellung des Beobachters zuzugreifen.
js
const observer = new PerformanceObserver((list) => {
const entries = list.getEntries();
const lastEntry = entries[entries.length - 1]; // Use the latest LCP candidate
console.log(lastEntry.loadTime);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });
Spezifikationen
| Specification |
|---|
| Largest Contentful Paint # dom-largestcontentfulpaint-loadtime |