CSR (Client-Side Rendering): Вся логика рендеринга происходит в браузере пользователя с помощью JavaScript. Изначально приходит пустой HTML-документ, который затем наполняется контентом. Подходит для SPA с высокой интерактивностью, но страдает от низкого SEO и медленной первой загрузки.
SSG (Static Site Generation): Страницы заранее генерируются на сервере в виде статических HTML-файлов во время сборки приложения. Эти файлы отдаются браузеру пользователя без дополнительной обработки на сервере во время запроса. Идеален для контента, который редко меняется (блоги, документация), обеспечивает отличное SEO и скорость.
ISR (Incremental Static Regeneration): Сочетает преимущества SSG и SSR. Страницы генерируются статически, но могут быть регенерированы инкрементально (по частям) в фоновом режиме или по запросу при поступлении новых данных. Позволяет обновлять статически сгенерированный контент без полной пересборки всего сайта.
Pre-rendering: Похож на SSG, но обычно используется для определенных страниц, а не для всего сайта. Во время сборки генерируются статические HTML-файлы для ключевых страниц. Остальные страницы рендерятся на клиенте.
СРО:
| Метод | SEO | Производительность (Первая загрузка) | Сложность разработки | Интерактивность |
|---|---|---|---|---|
| CSR | Низкое | Низкая | Средняя | Высокая |
| SSG | Высокое | Высокая | Низкая/Средняя | Низкая (зависит от клиента) |
| ISR | Высокое | Высокая | Средняя | Средняя/Высокая |
| Pre-rendering | Выше, чем CSR | Выше, чем CSR | Средняя | Средняя/Высокая |