webperf-core-web-vitals

JavaScript snippets for measuring web performance in Chrome DevTools. Execute with mcpchrome-devtoolsevaluatescript, capture output with mcpchrome-devtoolsgetconsolemessage.

| Cumulative Layout Shift (CLS) | Quick check for Cumulative Layout Shift, a Core Web Vital that measures visual stability | scripts/CLS.js | | Interaction to Next Paint (INP) | Tracks Interaction to Next Paint, a Core Web Vital that measures responsiveness | scripts/INP.js |

| LCP Image Entropy | Checks if images qualify as LCP candidates based on their entropy (bits per pixel) | scripts/LCP-Image-Entropy.js | | LCP Sub-Parts | Breaks down Largest Contentful Paint into its four phases to identify optimization opportunities | scripts/LCP-Sub-Parts.js |

Analisi intelligente dei Core Web Vitals con flussi di lavoro automatizzati e alberi decisionali. Misura LCP, CLS, INP con debug guidato che determina automaticamente l'analisi di follow-up in base ai risultati. Include flussi di lavoro per l'approfondimento LCP (5 fasi), l'indagine CLS (caricamento vs interazione), il debug INP (scomposizione della latenza + attribuzione) e l'integrazione di competenze incrociate con capacità di caricamento, interazione e multimediali. Da utilizzare quando l'utente chiede informazioni su Core Web Vitals, ottimizzazione LCP, cambiamenti di layout o reattività dell'interazione. Compatibile con Chrome DevTools MCP. Fonte: nucliweb/webperf-snippets.