Что я сделал:
1. Сразу после тега body добавил блок прелоаедера
2. В header добавил стили к нему
#page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: 100500;
}
#page-preloader .spinner {
width: 192px;
height: 192px;
position: absolute;
left: 50%;
top: 50%;
background: url('img/logo.png') no-repeat 50% 50%;
margin: -96px 0 0 -96px;
}
3. И обработчик события полной загрузки страницы
$(window).on('load', function () {
var $preloader = $('#page-preloader'), $spinner = $preloader.find('.spinner');
$spinner.fadeOut();
$preloader.delay(350).fadeOut('slow');
});
