Назад к блогу
article
Next.js 15: как выжать 98+ Lighthouse без магии

Next.js 15: как выжать 98+ Lighthouse без магии

·8 мин
Next.jsPerformanceWeb Dev

Performance — это UX. Медленный сайт = потерянные деньги.

Мой чеклист для 98+ Lighthouse:

1. Server Components по умолчанию — меньше JS на клиенте 2. next/image с правильными sizes и priority для LCP 3. Dynamic imports для тяжёлых клиентских компонентов 4. Font optimization через next/font 5. Prefetch только для критичных роутов

Типичные ошибки: - Загружать Framer Motion на каждую секцию - Не использовать loading.tsx и Suspense - Inline styles вместо CSS variables

Скорость — конкурентное преимущество. Используй его.