Почему Next.js быстрый?

Скорость Next.js — не магия, а архитектура. Разберём 5 причин, почему сайты на Next.js загружаются за 50-100мс.

1. Server-Side Rendering (SSR)

HTML генерируется на сервере. Браузер получает готовый контент — не ждёт загрузку JS, не ждёт рендер. First Contentful Paint за 50-100мс.

2. Static Site Generation (SSG)

Страницы собираются в статические HTML-файлы при билде. Раздаются через CDN без серверной обработки. TTFB ~20мс.

3. Incremental Static Regeneration (ISR)

Обновляем отдельные страницы без полной пересборки. Кеш инвалидируется по таймеру или по запросу.

4. Авто-оптимизация ресурсов

Image: WebP/AVIF, lazy loading, blur placeholder, размеры под экран.

Font: self-hosted, preload, font-display: swap.

Script: code splitting, tree shaking, только нужный JS.

5. Edge/Serverless функции

API маршруты запускаются на Edge (Vercel) или Serverless (AWS) — минимальная латентность, автоскейлинг.