Вступить в клуб →
сложнаявопросNext.js и рендеринг: SSR, SSG, гидратация

Медленный блок рекомендаций задерживает показ всей страницы товара на три секунды

Серверный компонент страницы товара ждёт три запроса: товар (80 мс), отзывы (150 мс) и персональные рекомендации (3 секунды). Пользователь видит страницу только через 3 секунды, хотя основная информация готова через 150 мс.

Как показать товар сразу, не отказываясь от серверного рендеринга?

  • Обернуть рекомендации в Suspense: сервер отдаст страницу потоком, блок догрузится позже
  • Запускать три запроса параллельно через Promise.all
  • Кэшировать рекомендации в localStorage браузера
  • Перенести загрузку товара в useEffect, чтобы страница рендерилась без ожидания

🔒 Проверка ответа — для участников клуба

  • Проверка ответа
  • Подсказка, если застряли
  • Разбор с объяснением, почему так
  • Прогресс по всем задачам и виртуальные собеседования
Зарегистрироваться →

Регистрация занимает минуту

Другие задачи раздела