Largest ContentFul Paint (LCP)


Largest ContentFul Paint (LCP) 1)

It captures when the page is fully usable by the user (Not when a splash screen or a loading indicator is seen by the user (ie first contentful paint) but after), relative to when the page first started loading.

How to measure ?

With the PerformanceObserver

new PerformanceObserver((entryList) => {
  for (const entry of entryList.getEntries()) {
    console.log('LCP candidate: '+entry.startTime);
}).observe({type: 'largest-contentful-paint', buffered: true});

Powered by ComboStrap