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 (انهيار زمن الاستجابة + الإسناد)، والتكامل عبر المهارات مع مهارات التحميل والتفاعل والوسائط. يُستخدم عندما يسأل المستخدم عن Core Web Vitals، أو تحسين LCP، أو تغييرات التخطيط، أو استجابة التفاعل. متوافق مع Chrome DevTools MCP. المصدر: nucliweb/webperf-snippets.