Первую секунду сайт загружается без css стилей(без верстки). Как решить?

Question

[Максим Воронков]

Первую секунду сайт загружается без css стилей(без верстки), виден только контент сайта. После чего, грузятся css файлы и сайт отображается корректно. Как можно сделать так, чтоб пользователь видел сразу корректно отображаемый сайт.
CSS файлы загружаются в конце страницы, до js.

Comments

[Максим Воронков]

Через прелоадер для сайта? или есть другое правильно решение

Answer 1

[RidgeA]

заинлайнить css (как минимум ту часть, которая используется на первом экране) - можно погуглить critical css

Answer 2

[muchdoge]

может как-то так ? :

Завернуть все содержимое, допустим, в

<div class="container-fluid" id="main-container" style="display:none;"> какой-то контент</div>

и уже потом , допустим,

$('body').ready(function(){

    $('#main-container').fadeIn(200);

});

Answer 3

[Артур Карапетян]

Да, ставьте прелоадер и не парьтесь