LargestContentfulPaint: loadTime-Eigenschaft

Ein timestamp, der die Zeit in Millisekunden darstellt, wann das Element geladen wurde.

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.

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 });