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

Question

[NewBeHere]

Здравствуйте, подскажите пожалуйста почему при загрузке страницы происходит временный сдвиг контента и если присмотреться, слайдер подгружается не сразу, а блок под ним слетает вверх на время.
Как это исправить, не используя прелоадеров?
ew-shop.ru

Answer 1

[Никита Ермиличев]

Вот так Ваш слайдер выглядит до инициализации.


Попробуйте вот этим элементам


заместо visibility: hidden; поставить display:none;

Comments

[NewBeHere]

В чем именно может быть проблема? Может быть сжать изображения, они много весят и потому медленно грузятся? Используется bxslider

[Никита Ермиличев]

NewBeHere, Проблема в том, что сперва у вас загружаются все элементы (растягивая страницу), после чего выполняются js скрипты и (слайдер) всё схлопывает.

Если вы скроете элементы слайдера не через visibility, а через display - то всё будет хорошо :)

[Никита Ермиличев]

NewBeHere, Покажите весь вызов слайдера, пожалуйста ($("#SLIDER").bxSlider({блаблабла}))

[NewBeHere]

Никита Ермиличев,

$('.slider').bxSlider({
        mode: 'fade',
        adaptiveHeight: true,
        onSliderLoad: function(){
            $(".slider__item").css({"visibility": "visible"}); // попытка пофиксить данную проблему
        }
    });

[NewBeHere]

Никита Ермиличев, прописал display: none всем элементам кроме первого, однако проблему не решило:

[Никита Ермиличев]

NewBeHere, есть возможность сделать тестовую страницу, где слайдер еще не будет инициализирован?