core-web-vitals
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
Target: Search & knowledge management. Automatically collected · unverified.
Excerpt from the author’s documentation
Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.
Read the original English text
Topics in the source
- Core Web Vitals optimization
- The three metrics
- LCP: Largest Contentful Paint
- Common LCP issues
- LCP optimization checklist
- LCP element identification
- INP: Interaction to Next Paint
- INP breakdown
Targeted optimization for the three Core Web Vitals metrics that affect Google Search ranking and user experience. | Metric | Measures | Good | Needs work | Poor | |--------|----------|------|------------|------| | LCP | Loading | ≤ 2.5s | 2.5s – 4s | > 4s | | INP | Interactivity | ≤ 200ms | 200ms – 500ms | > 500ms | | CLS | Visual Stability | ≤ 0.1 | 0.1 – 0.25 | > 0.25 | Google measures at the 75th percentile — 75% of page visits must meet "Good" thresholds. -- LCP measures when the largest visible content element renders. Usually this is: Hero image or video Large text block Background image element 1. Slow server response (TTFB > 800ms) 2. Render-blocking resources 3. Slow resource load times 4. Client-side rendering delays -- INP measures responsiveness across ALL interactions (clicks, taps, key presses) during a page visit. It reports the worst interaction (at 98th percentile for high-traffic pages). Total INP = Input Delay + Processing Time + Presentation Delay | Phase | Target | Optimization | |-------|--------|--------------| | Input Delay | Chrome User Experience Report (CrUX) → BigQuery or API Search Console → Core Web Vitals report web-vitals library → Send to your anal
This is an excerpt. Refer to the complete source and its current requirements.
- Source repository
- davila7/claude-code-templates
- Source file
- cli-tool/components/skills/development/core-web-vitals/SKILL.md
- Fixed revision
- 21be197f100a12b8d0dd9a211cc244c8179f84d3
Sources and evidence
This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.
Author: davila7/claude-code-templates · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-09T14:01:44.245Z.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Original license ↗Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.