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 |

自動化されたワークフローとデシジョン ツリーによるインテリジェントな Core Web Vitals 分析。結果に基づいて追跡分析を自動的に決定するガイド付きデバッグで LCP、CLS、INP を測定します。 LCP の詳細な調査 (5 フェーズ)、CLS 調査 (読み込みとインタラクション)、INP デバッグ (レイテンシの内訳 + 属性)、および読み込み、インタラクション、メディア スキルとのクロススキル統合のワークフローが含まれます。ユーザーが Core Web Vitals、LCP の最適化、レイアウトの変更、またはインタラクションの応答性について質問する場合に使用します。 Chrome DevTools MCP と互換性があります。 ソース: nucliweb/webperf-snippets。