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 |
Intelligente Core Web Vitals-Analyse mit automatisierten Workflows und Entscheidungsbäumen. Misst LCP, CLS, INP mit geführtem Debugging, das automatisch eine Folgeanalyse basierend auf den Ergebnissen bestimmt. Beinhaltet Workflows für LCP Deep Dive (5 Phasen), CLS-Untersuchung (Laden vs. Interaktion), INP-Debugging (Latenzaufschlüsselung + Zuordnung) und Cross-Skill-Integration mit Lade-, Interaktions- und Medienkompetenzen. Verwenden Sie diese Option, wenn der Benutzer nach Core Web Vitals, LCP-Optimierung, Layoutänderungen oder Interaktionsreaktionsfähigkeit fragt. Kompatibel mit Chrome DevTools MCP. Quelle: nucliweb/webperf-snippets.