function logINPDebugInfo(inpEntry) { console.log('INP target element:', inpEntry.target); console.log('INP interaction type:', inpEntry.name); const navEntry = performance.getEntriesByType('navigation')[0]; const wasINPBeforeDCL = inpEntry.startTime < navEntry.domContentLoadedEventStart; console.log('INP occurred before DCL:', wasINPBeforeDCL); }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter