Вопрос к тем кто сталкивался с такой проблемой...есть куча слайдов внутри слайдера..а внутри него еще куча слайдов =)
Страница жутко тормозит, не только из-за картинок, но из-за кучи редрендинга, как бы оптимизировать сие процесс ? lazyLoad особо не помогает
Очевидно slick тут не подходит. При любом движении, он двигает все слайды, те что видны и те что не видны. А помимо это, на слайдах другие слайдеры делают то-же самое. Тут напрашивается свое решение, которое решит эти проблемы. Ну и максимально оптимизировать картинки и их размер, чтоб ничего лишнего.
Руководитель frontend направления, предприниматель
Lazyload спасает только внимание клиента, а не способности его железа к рендеру.
1. Выбросить скриптулю куда подальше из-за хреновой оптимизации в принципе.
2. Пообжимать имаги\использовать другой формат\размер.
3. Подглядеть, чего вообще твориться в этом безобразии (проекте)
Инициализируйте только 1 нужный слайдер а не все сразу. При выборе другой галлереи делайте дестрой старой и инит новой. Тогда у вас всегда будет только 1 активный слайдер и минимум перерендеринга. Что бы посмотреть какие элесенты у вас перерендываются можно включить в отлидчике хрома: https://css-tricks.com/browser-painting-and-consid...
Верхний слайдер можно вообще убрать, а стрелки сделать как триггеры.
Простой
