Como mostrar o preloader da página apenas uma vez ao digitar o nome do domínio?

Então, eu tenho o preloader da página jQuery na página principal assim:

<script type="text/javascript">
    $(window).load(function() {
        $("#preloader").delay(700).fadeOut("slow");
    })

<div id="preloader" class="preloader"></div>

Isso mostra 4 vezes:

Quando eu entro no site através do nome de domínio;Quando eu atualizo a página principal por F5;Quando clico no logo (preciso ir para a página principal quando clico);Quando clico no item de menu «Início». Mas eu quero mostrá-lo apenas nas duas primeiras vezes. Então, a primeira ideia que veio em minha mente é excluirdiv classe para não mostrar a imagem do pré-carregador sobre a página inteira quando clico no logotipo ou no item de menu por JS. E usei isso:

document.getElementById ("preloader"). className = 'test';

Mas então ... eu percebi que clicando no item de menu para carregar a página principal novamente, eu criei uma nova cópia do documento, então meu preloader teve sua classe novamente e apareceu. Então, eu decidi usar o AJAX e não recarregar a página inteira clicando no item de menu ou no logotipo. Agora eu uso isso:

     <script type="text/javascript">
        $(document).ready(function(){
             $("#blog, #logo").click(function(){
                 $("#container").load("/blog");
                 document.getElementById("preloader").className = 'test';
             });
        });
    </script>

Então, quando clico no logo ou no item de menu, carrego minha categoria chamada «blog» no container. E minha barra lateral é assim:

...        
<a href="javascript:;" id="logo"><i class="logo"></i></a>
...
<li class="m_blog"><a id="blog" href="javascript:;"><i class="icon"></i>Blog</a></li>
...

Então, funciona! O preloader aparece apenas quando você abre o site por meio do nome do domínio. Mas 1 problema aparece. Quando eu abro categoria «vídeo» eu tenho um endereço como este: mysite.com/video/

E quando eu voltei para a página principal através do logotipo ou menu eu tenho mesmo endereço! Porque o carregamento de conteúdo sem recarregar a página inteira e o endereço não é alterado. Como eu posso consertar isso? Ajude-me, por favor! Eu só quero mostrar o meu preloader apenas uma vez: quando eu vim através do nome de domínio ou atualizar a página principal por F5. Eu já me sinto tonto, porque eu só conheço HTML e CSS, mas hoje começo a aprender AJAX e jQuery. Me ajude nesse assunto.

questionAnswers(2)

yourAnswerToTheQuestion