Cheat sheet
Web Vitals cheat sheet
LCP, INP, CLS — symptoms and first fixes.
Updated 2026-06-28
LCP
- Images
- Correct size, modern format, priority on hero, dimensions set.
- Fonts
- Subset, preload critical, avoid invisible text traps.
- Server
- TTFB matters — slow APIs delay LCP.
INP / CLS
- INP
- Split long tasks; less hydration; debounce input handlers.
- CLS
- Reserve ad/image space; stable font metrics; avoid inserting DOM above content.
Never miss a drop
Get new guides on web development and AI, Prompt Lab tips, videos, downloads and exclusive deals — straight to your inbox. No spam, unsubscribe anytime.