How to hit 90–100/100 Lighthouse in Next.js (without breaking design)

TL;DR

• lighthouse 100 next.js
• For landing pages and brochure sites that want better SEO and conversions.

Who this is for

• For landing pages and brochure sites that want better SEO and conversions.

Keyword (SEO)

• lighthouse 100 next.js

LCP: hero

• Preload critical assets
• fetchpriority=high for LCP
• No lazy on LCP element

Cut JS

• Lazy load heavy components
• Remove scroll animations
• Fewer third-party scripts

Fonts & images

• display=swap
• WebP/AVIF
• Correct cache-control

Want this implemented for your business?

• Contact