The loadTime
read-only property of the LargestContentfulPaint
interface returns the time that the element was loaded.
A timestamp
representing the time in milliseconds that the element was loaded.
This example uses a PerformanceObserver
notifying of new largest-contentful-paint
performance entries as they are recorded in the browser's performance timeline. The buffered
option is used to access entries from before the observer creation.
const observer = new PerformanceObserver((list) => {
const entries = list.getEntries();
const lastEntry = entries[entries.length - 1];
console.log(lastEntry.loadTime);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });