Как оптимизировать длинную страницу сайта?

У меня есть сайт-таблица, на которой есть форма для ввода подгружаемых строк данных для этой таблицы, и при подгрузке более 1000 строк, происходит задержка на отрисовку страницы, примерно 3 и более сек, и после отрисовки страница начинает лагать, как это оптимизировать, и как поставить гифку загрузки до отрисовки всех данных, которые запросил пользователь?
  • Вопрос задан
  • 122 просмотра
Пригласить эксперта
Ответы на вопрос 2
@rPman
Делай предварительную загрузку строк, т.е. вместо 1000 строк сразу грузи 2000 или больше (подбирать эмперически под стиль использования таблицы), но показывать продолжай только 1000, как окно среди уже загруженных.

При пролистывании вниз запускай ajax запрос подзагрузки данных ниже, при пролистывании вверх - выше, таким образом пока пользователь смотрит данные, приложение их подгружает.

p.s. так у тебя отрисовка тормозит? 3 секунды - это очень много, что ты там делаешь ?
Ответ написан
Рендер большого количества строк сильно садит производительность, пробуй отображать одновременно не все строки. Можно использовать либы вроде этой или гугл 'js virtualized scroll table'
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы