Страница показывается за секунду, но кнопки не нажимаются ещё четыре
Страница каталога рендерится на сервере, контент виден через секунду. На среднем Android-телефоне кнопки фильтров и «В корзину» не реагируют ещё около четырёх секунд, а Interaction to Next Paint плохой. Весь каталог — клиентские компоненты, JS страницы — 600 КБ.
Что происходит и что поможет?
- До конца гидратации HTML не интерактивен; уменьшать клиентский JS и гидратируемое дерево
- SSR не подходит для интерактивных страниц, нужно вернуться к клиентскому рендерингу
- Кнопки не работают из-за CSS, который грузится после HTML
- Нужно увеличить таймаут гидратации в настройках Next.js