@bitwheeze

Как избежать мигания при загрузке данных?

У меня есть список пользователей который я загружаю через REST АПИ 1 Список грузится страницами по 10 или 20 записей. На основании списка рендерится табличка. Для каждого пользователя в табличке другим REST АПИ 2 вызовом подгружаются данные о пользователя Получается так, что сначала табличка рендерится со списком пользователей и с одной пустой колонкой, потом обновляется вся табличка, уже с данными в этой колонке. Причем соджержимое колонки влияет на высоту строки в таблице, естественно после загрузки данных всю табличку корежет. Визуально выглядит страшно, как мигание странички, если переходить между разными страницами основного списка. Мелькает сначала пустая таблица, потом тут же обновляется.

Как решение, на ум пришло только грузить сразу все данные и только потом отображать. Выглядит лучше, но теперь вся страница грузится сукунду, прежде чем обновиться. Что будет у пользователей с плохим подключением к сети?

Есть какие то еще способы, что бы минимировать мерцание, в таких случаях?

Спасибо
  • Вопрос задан
  • 161 просмотр
Решения вопроса 1
vmakhnyuk
@vmakhnyuk
Frontend developer
В таких случаях, обычно показывают спиннер до загрузки данных. После рендерим таблицу. Это решение в лоб, возможно вам оно не подойдёт
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы