Как выключить загрузку скрытых блоков JS?

Question

[suitberks]

Реализовал на странице с товарами подобную кнопку с прогрузкой следующий блоков товаров – https://codepen.io/Tigran_91/pen/JyaZPz

Вопрос - как сделать так, чтобы изображения в блоках (больше 120) грузились только при необходимости и не нагружали сайт без надобности?

Comments

[Алексей Борисов]

Как вариант, можно сделать что-то вроде запросов.

В исходном HTML оставить только те блоки, которые должны прогрузиться так или иначе. Всё остальное подгружать из JSON файла после нажатия на кнопку (можешь взять пустой подгружаемый блок (используй как шаблон) и в него запихивать данные из файла).

Берёшь шаблон, в него записываешь значения из JSON и добавляешь его в родительский блок (у тебя в данном случае блок с классом flex)

В этом случае браузер не должен тратить ресурсы на отрисовку тех элементов, которых нет.

Посмотри как работает пагинация в js.

Answer 1

[denisromanenko]

https://css-tricks.com/the-complete-guide-to-lazy-...