Jak zrobić 90–100/100 Lighthouse w Next.js (bez psucia designu)

TL;DR

• lighthouse 100 next.js
• Dla stron wizytówek i landingów, które chcą lepszego SEO i konwersji.

Dla kogo to jest

• Dla stron wizytówek i landingów, które chcą lepszego SEO i konwersji.

Fraza (SEO)

• lighthouse 100 next.js

LCP: hero

• Preload krytycznych zasobów
• fetchpriority=high na LCP
• Brak lazy na LCP

Ucięcie JS

• Lazy load ciężkich komponentów
• Wyłączenie scroll-animacji
• Mniej zewnętrznych skryptów

Fonty i obrazy

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

Chcesz wdrożenie u siebie?

• Skontaktuj się