Как правильно показать предзагрузчик?

Question

[Иван Симонов]

Здравствуйте
Локально при загрузке страницы сначала видно данную страницу, к которой еще не подключились стили, после чего появляется предзагрузчик (fiddle), а уже потом - готовая страница. При этом, на странице production все работает.
Для сборки используется webpack.

Подскажите, как поправить данную проблему?

Answer 1

[Борис Черепанов]

Скорее всего вы подключили код предзагрузчика в футере. Проверьте что вы его подключаете в хедере вместе с нужными стилями

Answer 2

[WinPooh32]

В вашем примере стоит таймер на 2 секунды, после чего включается ваш загрузчик. Возможно, проблема в этом?

А вообще сначала должна выдаваться страница с загрузчиком, а потом данные подгружаются и отрисовываются за ним.
И отображение загрузчика надо делать без скриптов.

Стили зугрузчика нужно встаривать в html страницу, чтобы не было такой ситуации как у вас.