LargestContentfulPaint: element-Eigenschaft
Baseline
2025
Neu verfügbar
Seit December 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 element-Eigenschaft der LargestContentfulPaint-Schnittstelle gibt ein Objekt zurück, das das Element darstellt, welches den größten inhaltsvollen Anstrich im Dokument besitzt.
Wert
Ein Element.
Beispiele
Protokollierung des Elements mit dem größten inhaltsvollen Anstrich
In diesem Beispiel wird ein PerformanceObserver verwendet, um über neue largest-contentful-paint-Leistungseinträge zu informieren, während sie in der Leistungszeitachse des Browsers aufgezeichnet werden. Die buffered-Option wird verwendet, um auf Einträge zuzugreifen, die vor der Erstellung des Observers vorhanden sind.
js
const observer = new PerformanceObserver((list) => {
const entries = list.getEntries();
const lastEntry = entries[entries.length - 1]; // Use the latest LCP candidate
console.log(lastEntry.element);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });
Spezifikationen
| Spezifikation |
|---|
| Largest Contentful Paint # dom-largestcontentfulpaint-element |