Сравни стратегии рендеринга
Вопрос
Сравни CSR, SSR, SSG и ISR. Когда что выберешь?
Попробуйте сами
Ответьте вслух за 2 минуты, как на собесе. Потом сверьтесь с тезисами: что прозвучало, а что нет.
Показать ответ и разбор
Коротко
Что должно прозвучать в ответе
CSR: пустой HTML, всё в браузере, дёшево, плохо для SEO и первого экрана; для кабинетов
SSR: HTML на каждый запрос, свежие данные и SEO, нагрузка на сервер и TTFB
SSG: HTML при сборке, CDN, самый быстрый, данные устаревают
ISR: статика с фоновой пересборкой, компромисс скорости и свежести
Гидрация нужна после SSR и SSG, до неё страница не интерактивна
Пример выбора по типам страниц одного продукта
Что могут спросить следом
- Как выбрать для интернет-магазина?
- Что такое TTFB и почему он растёт при SSR?
Разбор
При CSR сервер отдаёт пустой HTML, а браузер грузит JS и сам всё рисует: просто и дёшево, но первый экран поздний и SEO страдает, поэтому так делают кабинеты и админки. SSR рендерит HTML на каждый запрос: пользователь быстро видит контент, поисковик получает готовую страницу, но сервер работает на каждый запрос, и TTFB зависит от медленных данных. SSG собирает страницы при сборке и раздаёт с CDN: максимально быстро и дёшево, но данные свежие только на момент сборки, это для документации и лендингов. ISR берёт статику и пересобирает её в фоне по таймеру или событию, подходит каталогам и статьям. После SSR и SSG нужна гидрация. В одном продукте обычно всё вместе: лендинг SSG, карточки ISR, персональная лента SSR, кабинет почти весь клиентский.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.