Каталог на чистом клиентском рендеринге плохо индексируется и долго показывает первый контент
Каталог магазина — одностраничное приложение: сервер отдаёт HTML с пустым <div id="root"> и бандлом на 900 КБ, товары загружаются запросом после запуска JavaScript. На слабых телефонах пользователи 4 секунды видят белый экран, а в поисковой выдаче страницы категорий почти не представлены.
Какой подход решает обе проблемы?
- Рендерить HTML с товарами на сервере или при сборке, а не только в браузере
- Показывать скелетон вместо белого экрана, пока грузится бандл
- Разбить бандл на чанки, оставив загрузку товаров в браузере
- Добавить в HTML мета-теги description для каждой категории