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 |

Analyse intelligente Core Web Vitals avec flux de travail et arbres de décision automatisés. Mesure LCP, CLS, INP avec débogage guidé qui détermine automatiquement l'analyse de suivi en fonction des résultats. Comprend des flux de travail pour l'analyse approfondie du LCP (5 phases), l'enquête CLS (chargement vs interaction), le débogage INP (répartition de la latence + attribution) et l'intégration inter-compétences avec le chargement, l'interaction et les compétences multimédias. À utiliser lorsque l'utilisateur pose des questions sur les Core Web Vitals, l'optimisation LCP, les changements de mise en page ou la réactivité des interactions. Compatible avec Chrome DevTools MCP. Source : nucliweb/webperf-snippets.