Esta é a minha primeira pergunta, por isso espero dar detalhes suficientes. Eu tenho o seguinte código em 4 páginas em um site:

$(document).ready(function() {
  $('#page_loading').slideDown(500);
});

jQuery(window).load(function () {
  setTimeout(function() {$('#page_loading').slideUp(500);}, 1500);
});

O que estou tentando alcançar: Ao navegar por todas as 4 páginas, o #page_loading div deslizará para baixo somente se a página levar mais de 2 segundos para carregar. Se as páginas levarem menos de 2 segundos para serem carregadas (foi visitada antes e a maioria das imagens estiver armazenada em cache), a div não será exibida.

Neste ponto, mesmo que a página demore menos de um segundo para carregar essa div de carga, ela ainda aparece e desaparece, e é bem irritante.

Obrigado Cristian.