LargestContentfulPaint: loadTime-Eigenschaft
Baseline 2025
Neu verfügbar
Seit Dezember 2025 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
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
| Spezifikation |
|---|
| Largest Contentful Paint # dom-largestcontentfulpaint-loadtime |