Как оптимизировать slick slider?

Question

[Андрей Никифоров]

Вопрос к тем кто сталкивался с такой проблемой...есть куча слайдов внутри слайдера..а внутри него еще куча слайдов =)

Страница жутко тормозит, не только из-за картинок, но из-за кучи редрендинга, как бы оптимизировать сие процесс ? lazyLoad особо не помогает

Answer 1

[profesor08]

Очевидно slick тут не подходит. При любом движении, он двигает все слайды, те что видны и те что не видны. А помимо это, на слайдах другие слайдеры делают то-же самое. Тут напрашивается свое решение, которое решит эти проблемы. Ну и максимально оптимизировать картинки и их размер, чтоб ничего лишнего.

Answer 2

[Арсений Матыцин]

Lazyload спасает только внимание клиента, а не способности его железа к рендеру.
1. Выбросить скриптулю куда подальше из-за хреновой оптимизации в принципе.
2. Пообжимать имаги\использовать другой формат\размер.
3. Подглядеть, чего вообще твориться в этом безобразии (проекте)

Answer 3

[Владислав]

Инициализируйте только 1 нужный слайдер а не все сразу. При выборе другой галлереи делайте дестрой старой и инит новой. Тогда у вас всегда будет только 1 активный слайдер и минимум перерендеринга. Что бы посмотреть какие элесенты у вас перерендываются можно включить в отлидчике хрома: https://css-tricks.com/browser-painting-and-consid...

Верхний слайдер можно вообще убрать, а стрелки сделать как триггеры.