Каким образом создание новых экземпляров класса тормозит работу браузера на примере слайдера?

Question

[Stepan1998]

Есть слайдеры на сайте, но когда у нас их не 5, а 50, страница по отзывам некоторых знакомых начинает подлагивать
С чем это связано?
При этом если у нас не 50 инициализировано, а только 5 из показанных 50, то всё нормально, а вот если инициализировать все 50, то старые пк и телефоны не тянут уже
Как с этим бороться?

Answer 1

[Алексей Уколов]

С чем это связано?

С тем, что рендеринг элементов не бесплатный.

Как с этим бороться?

Инициализировать 5, а не 50. Остальные - по явному запросу пользователя, выгружая при этом из памяти старые ненужные.