Optimize LCP, INP, and CLS with prioritized remediation plans.
npx skills add https://github.com/runkids/my-skills --skill core-web-vitals
Please help me install this Agent Skill. Skill: core-web-vitals Source: https://github.com/runkids/my-skills/tree/main/core-web-vitals Command: npx skills add https://github.com/runkids/my-skills --skill core-web-vitals
This Skill helps teams diagnose and optimize Core Web Vitals (LCP, INP, CLS) to improve page experience and search rankings, reducing user friction and bounce rates.
Optimize the Core Web Vitals for the target page to reduce loading time, improve interactivity, and stabilize layout, then provide a prioritized action plan and implementation notes.
High-intent search queries and answers about installing and using this skill.
Core Web Vitals—LCP (Largest Contentful Paint), INP (Interaction to Next Paint), and CLS (Cumulative Layout Shift)—are Google's metrics for page experience and search ranking. Optimize them by addressing slow load times, unresponsive interactions, and layout shifts through resource scheduling, image optimization, critical CSS, and SSR/CSR strategies.
LCP measures loading performance (how fast content appears), INP measures interactivity (how quickly the page responds to input), and CLS measures visual stability (how much the layout shifts unexpectedly). Together they determine your page experience score and influence search rankings.
LCP delays stem from unoptimized images, render-blocking resources, or server latency. Prioritize critical resources, optimize and defer images, implement critical CSS extraction, and consider SSR to render content server-side before sending to the browser.
Layout shifts (CLS) often come from late-loading ads, images without dimensions, or dynamic content injection. Reserve space for dynamic elements, set explicit width and height attributes, defer third-party scripts, and avoid inserting content above existing elements.
Run targeted diagnosis on marketing, product, and content pages where performance issues manifest. Analyze each page type separately—heroes and feeds have different bottlenecks—then apply a prioritized remediation plan addressing the highest-impact metrics first.
Not necessarily. Many improvements—image optimization, resource scheduling, critical CSS, and layout stabilization—work within existing architectures. However, CSR sites may benefit from SSR or hybrid rendering to reduce initial load times and improve LCP.
lgzarturoAudit web page performance using PageSpeed Insights and Core Web Vitals metrics.
adiytharpansaMonitors system performance metrics and detects bottlenecks to guide optimization efforts for OpenClaw operations.
archview-aiProfile WebF app performance using performance.mark/measure and optimize bundle size.
hellobanoraOptimize Astro website performance for Core Web Vitals and static rendering.
