верно конечно но не совсем:
если учесть замечание 
warren buffet всё выглядит ни чуть не хуже ...
пояснение $preloader выглядит как черные буквы на белом фоне но появляется все (стартует) с черного фона (
сама картинка анимированная), то есть если оставить
#page {
background:rgba(251,251,251,1.00);
}
то в самом начале лишнее мелькание белое-черное.
А если сделать
#page {
    background: #000;
}
то в то время когда когда 
$preloader не появляется (
а появляется он допустим раз в час в виде приветственной заставки) мелькает черный фон 
#page.
Получается что желаемое можно получить сделав 
#page_белым без 
$preloaderа, и 
#page_черным с 
$preloaderом.
Вот такая не простая задача. Спасибо что пытаетесь помочь очень признателен.
P.S
Если убрать в стилях вообще все цвета фона то сперва мелькает страница а потом только прелоадер появляется.