Performance is a feature, and since Core Web Vitals became a ranking signal it is an SEO feature too.

Largest Contentful Paint (LCP < 2.5s)

  • Preload the hero image and serve AVIF/WebP

  • Render the page statically and cache at the edge

  • Avoid client-side data fetching above the fold

Cumulative Layout Shift (CLS < 0.1)

Always reserve space for images, embeds and ads. With next/image that means width/height or a sized container.

Interaction to Next Paint (INP < 200ms)

Ship less JavaScript. Server Components let you keep most of the UI off the client entirely.

npx lighthouse https://blog.thinkboxdev.com/en --only-categories=performance