Esta es mi primera pregunta, así que espero darles suficientes detalles. Tengo el siguiente código en 4 páginas en un sitio web:

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

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

Lo que estoy tratando de lograr: cuando navegue por las 4 páginas, haga que la división #page_loading div se deslice hacia abajo solo si la página tarda más de 2 segundos en cargarse. Si las páginas tardan menos de 2 segundos en cargarse (se visitó antes y la mayoría de las imágenes se almacenan en caché), entonces el div de carga no aparecerá.

En este punto, incluso si la página tarda menos de un segundo en cargarse, el div de carga todavía aparece y desaparece, y es bastante molesto.

Gracias cristian