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 |

Интеллектуальный анализ основных веб-показателей с автоматизированными рабочими процессами и деревьями решений. Измеряет LCP, CLS, INP с управляемой отладкой, которая автоматически определяет последующий анализ на основе результатов. Включает рабочие процессы для глубокого погружения в LCP (5 этапов), исследования CLS (загрузка и взаимодействие), отладки INP (разбивка по задержке + атрибуция) и интеграцию между навыками загрузки, взаимодействия и навыков работы с мультимедиа. Используйте, когда пользователь спрашивает об основных веб-показателях, оптимизации LCP, изменениях макета или скорости реагирования на взаимодействие. Совместим с Chrome DevTools MCP. Источник: nucliweb/webperf-snippets.