let worstInp = 0; const observer = new PerformanceObserver((list, obs, options) => { for (let entry of list.getEntries()) { if (!entry.interactionId) continue; entry.renderTime = entry.startTime + entry.duration; worstInp = Math.max(entry.duration, worstInp); console.log('[Interaction]', entry.duration, `type: ${entry.name} interactionCount: ${performance.interactionCount}, worstInp: ${worstInp}`, entry, options); } }); observer.observe({ type: 'event', durationThreshold: 0, // 16 minimum by spec buffered: true });
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