| name | core-web-vitals-mastery |
| description | Use when optimizing page performance for SEO. CWV (LCP, INP, CLS) are direct Google ranking factors as of 2026.
|
Core Web Vitals Mastery
Three metrics: LCP <2.5s (loading), INP <200ms (interactivity), CLS <0.1 (visual stability). All three must pass or ranking suffers.
CWV targets
| Metric | Good | Needs Improvement | Poor |
|---|
| LCP (Largest Contentful Paint) | <2.5s | 2.5-4s | >4s |
| INP (Interaction to Next Paint) | <200ms | 200-500ms | >500ms |
| CLS (Cumulative Layout Shift) | <0.1 | 0.1-0.25 | >0.25 |
INP replaced FID as the interactivity metric in 2024.
LCP optimization
- Compress + WebP images
- Lazy load below-fold images
- Preload critical resources (
<link rel='preload'>)
- CDN for static assets (Cloudflare default)
- Reduce server response time (TTFB)
- Minimize render-blocking resources
- Use modern image formats (WebP, AVIF)
INP optimization
- Reduce JavaScript bundle size
- Break up long tasks (avoid >50ms blocking)
- Defer non-critical JS
- Use Web Workers for heavy computation
- Optimize event handlers (debounce, throttle)
- Avoid forced synchronous layouts
CLS prevention
- Set explicit width/height on images and videos
- Reserve space for ads/embeds (aspect-ratio)
- Avoid inserting content above existing content
- Use transform animations (don't trigger layout)
- Preload custom fonts (avoid FOUT/FOIT shift)
Where this fits in the X3 empire
CWV monitoring on every CardPrepAI page.
