IOH: About Us { for (const entry of entryList.getEntriesByName(‘first-contentful-paint’)) { console.log(‘FCP candidate:’, entry.startTime, entry); } }).observe({ type: ‘paint’, buffered: true }); let lastLcp; const po = new PerformanceObserver((entryList) => { const entries = entryList.getEntries(); for (const entry of entries) { if (entry.startTime !== lastLcp) { console.log( `New LCP: ${entry.startTime}ms Size: ${entry.size} px^2 HTML: ${entry.element ? entry.element.outerHTML.slice(0, 80) : “(no element)”}` ); lastLcp = entry.startTime; } } }); po.observe({ type: “largest-contentful-paint”, buffered: true }); var totalBlockingTime = 0; var observer = new PerformanceObserver(function (list) { let perfEntries = list.getEntries(); for (const perfEntry of perfEntries) { console.log(perfEntry); console.log(perfEntry.duration); totalBlockingTime += perfEntry.duration – 50; } console.log({ totalBlockingTime }); }); observer.observe({ type: “longtask”, buffered: true }); const po1 = new PerformanceObserver((entryList) => { const entry = entryList.getEntries()[0]; const firstInputDelay = entry.processingStart – entry.startTime; console.log({ firstInputDelay }); }); po1.observe({ type: “first-input”, buffered: true }); */ ]]]]]]]]>]]]]]]>]]]]>]]>

Source