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 |

Análisis inteligente de Core Web Vitals con flujos de trabajo automatizados y árboles de decisión. Mide LCP, CLS, INP con depuración guiada que determina automáticamente el análisis de seguimiento basado en los resultados. Incluye flujos de trabajo para profundización de LCP (5 fases), investigación de CLS (carga versus interacción), depuración de INP (desglose de latencia + atribución) e integración entre habilidades con carga, interacción y habilidades multimedia. Úselo cuando el usuario pregunte sobre Core Web Vitals, optimización de LCP, cambios de diseño o capacidad de respuesta de la interacción. Compatible con Chrome DevTools MCP. Fuente: nucliweb/webperf-snippets.