Core Web Vitals: how I make sites load fast

Speed isn't vanity — it's conversions and rankings. Here's the checklist I run on every build.

LCP (loading)

• Serve images as WebP/AVIF, correctly sized, lazy-loaded below the fold.
• Inline critical CSS; defer the rest.
• Use a CDN and cache aggressively.

CLS (visual stability)

• Always set width/height on images and media.
• Reserve space for embeds and fonts.

INP (interactivity)

• Ship less JavaScript. Hydrate only what needs it.
• Break up long tasks; avoid blocking the main thread.

Get these green and everything downstream — SEO, bounce rate, sales — improves.