Почему разрывает слайдер при загрузке страницы?

Question

[myskypesla]

Подскажите почему слайдеры Slick.js или Owl Carousel при загрузке страницы сначала разрывает, а уже потом только формируется.

Думаю не я один сталкиваюсь с этим.

Есть какие-то решения?

Answer 1

[Владимир Проскурин]

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

Answer 2

[sdgroup14]

выше ответ правильный. Еще бы посоветовал вам почитать документацию и Лейзи лоадинг... (быстрее грузится будет). + ко всему этому убедитесь что стили прогружаются в head и скрипт по выше поставьте. И чтоб все не прыгало желательно вычислить минимальную высоту слайдера и прописать min-height