Допустим, есть слайдер продукции компании. Там много элементов. 50+. Как организовать структуру слайдера, чтобы сильно не нагружать пк пользователя? Картинки товаров в формате png, без фона. Я простенькие слайдеры в принципе умею делать. Но с массивными слайдерами не сталкивался. Сколько тегов с картинками этих товаров одновременно должно быть на странице. Это же не практично держать все 60-70 картинок на странице. + Картинки должны уезжать за пределы блока с помощью транслейта. Правильно ли будет создавать новые элементы с помощью js, а старые удалять, либо использовать одни и те же несколько элементов и просто передвигать их на стартовую позицию? Ну в общем такой странный вопрос)) Советчики гугла и библиотек - идите лесом сразу))) На чистом javascript.
Первоначально загрузите ограниченное количество слайдов, а далее подгружайте новые слайды в фоновом режиме через ajax-запросы. Критерий подгрузки новых слайдов определите сами - это может быть реакцией на кнопки навигации или постоянная загрузка в фоновом режиме.
Главное не писать в цикле отдельные слайды напрямую в DOM, а формировать фрагменты, состоящие из набора слайдов и писать их в DOM одной операцией.
Средний
