Какой самый производительный js слайдер?

Question

[zuraavl]

Существует страница с 50-100 постов, каждый содержит слайдер из 2-5 изображений, возможно видео.
Посоветуйте пожалуйста слайдер, который изза присутствия в таком количестве на странице не будет убивать производительность сайта.
Или возможные способы реализации этого, чтобы не расходовать много ресурсов пользователя и чтобы сайт оставался быстрым

Comments

[Rustam Bainazarov]

Я думаю, что вам поможет только кастомно-написанный слайдер с минимальным функционалом.

А то и вовсе просто обёртка на flex с двумя кнопками по бокам, по нажатию на которые обёртка будет сдвигаться с помощью translateX вправо-влево, имитируя смену слайдов. И примитивный скрипт обработки нажатия на эти кнопки.

Может ещё будет нужна поддержка обработки количества слайдов для их индикации, механизм прокрутки слайдера в начало при достижении последнего слайда. А также механизм приостановки видео, если слайд с ним неактивен в данный момент.

Словом, подумайте над минимально необходимым функционалом и дерзайте :))

Answer 1

[Stalker_RED]

Можно вырубать слайдеры, которые за пределами вьюпорта.
Для проверки можно использовать Intersection Observer (есть полифилл)

Answer 2

[Alex]

Нужен слайдер, который

• Не загружает все изображения сразу
  
• Не Вставляет в документ все изображения сразу
  

И Stalker_RED прав. В таком случае нужно следить за вьюпортом и останавливать слайдеры за его пределами