Как сделать чтобы прелоадер грузился сразу при загрузке страницы?
Поставьте preloader в header (не в < head >)<div id="hellopreloader">
    <div id="hellopreloader_preload"></div>
</div>
Уберите из head вы что?
Поставьте сразу после body и стили не пишите внизу, а перед прелоадером. А еще лучше в файле css.