Optimize Core Web Vitals
core-web-vitalsskillsetup L1★2,191
addyosmani/web-quality-skills ↗What it does
Optimize LCP, INP, CLS metrics for ranking
Best for
When a site needs better Google Search ranking and user experience; these three metrics drive 75th-percentile page experience scoring.
Inputs
- · Web page URL or code
- · Performance profiling data (optional)
Outputs
- · LCP/INP/CLS optimization checklist
- · Code examples (before/after)
- · Priority actions ranked by impact
Requires
- · Chrome DevTools, Lighthouse, PerformanceObserver API
Preconditions
Web page accessible in browser; basic understanding of web performance helpful
Failure modes
- · Speculation Rules prerender side effects if not gated on document.prerendering
- · Third-party script impact on metrics cannot be controlled