Как оптимизировать «огромный» список, чтоб не зависало?

Привет!
Есть такая проблема. Есть список, очень большой. Т.к. слишком много элементов браузер начинает лагать, если на компе еще норм, то на ipad вообще полные тормоза. Хотел оптимизировать его, сделать пагинацию, и выводить частями не варик, слишком много неудобств. Думал можно сделать так, чтоб скрыть с помощью display: none элементы, которые на данный момент не показываются, и присвоить им display: block по мере скроллинга. Есть ли готовый скрипт для этого, какой то плагин jQuery, и вообще как можно оптимизировать такие моменты?


Не говорите того, чего знаете. Когда я ставлю элементам display: none; Нифига ничего не тормозит
  • Вопрос задан
  • 313 просмотров
Решения вопроса 1
Ознакомьтесь: clusterize
Возможно это то, что Вам нужно
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
kumaxim
@kumaxim
Web-программист
А динамическую подгрузку новых элементов при скроле страницы делать не вариант?
Ответ написан
@IceJOKER
Web/Android developer
display: none; лишь уберет элементы с вывода, но в коде они останутся.
Самый лучший вариант - загружать по частям(постранично, infinite scroll)
Ответ написан
@Beltoev
Живу в своё удовольствие
А не думали, например, что у вас все тормозит из-за скриптов, а не из-за списка элементов?

Нужно смотреть, сколько страница памяти занимает, что даёт основную нагрузку и т. д. и т. п.
В Chrome это: F12, вкладки "Timeline" и "Profiles". После этого уже думайте над тем, что и как можно было бы оптимизировать.

display: none явно не поможет, а загрузка страницы частями приведет к той же ситуации, когда загрузится весь список. Поэтому оптимизируйте и, в случае чего, думайте о пагинации.
Ответ написан
Ваш ответ на вопрос

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

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