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

Question

[Abdula Magomedov]

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

Не говорите того, чего знаете. Когда я ставлю элементам display: none; Нифига ничего не тормозит

Answer 1

[Вячеслав Лебедев]

Ознакомьтесь: clusterize
Возможно это то, что Вам нужно

Comments

[Abdula Magomedov]

Вот же, вот же оно. Прекрасно!

Answer 2

[Максим Кудрявцев]

А динамическую подгрузку новых элементов при скроле страницы делать не вариант?

Answer 3

[IceJOKER]

display: none; лишь уберет элементы с вывода, но в коде они останутся.
Самый лучший вариант - загружать по частям(постранично, infinite scroll)

Answer 4

[Зелимхан Бельтоев]

А не думали, например, что у вас все тормозит из-за скриптов, а не из-за списка элементов?

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

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