Hola:
¡Qué tal Meta!
Normalmente el problema de las precargas está en el peso de las imágenes, y en ese caso me parece que lo mejor es no añadir más código, y evitar "descuadres" poniendo las dimensiones de esas imágenes con estilos (una solución sencilla y maravillosa), pero también había notado que respuestas de una base de datos también ralentizan la presentación de la página...
Algunas veces he dado esta respuesta, pero no estoy seguro de que sea la que te valga.
Se trata de poner una capa visible (display: block) con un gif animado de esos para la ocasión (algún relojito, currantes con palas, o máquinas... etc.) que aparezca centrado con estilos (y esa capa también debe ocupar toda la parte visible: width: 100%, height: 100%), y otra capa con el contenido, y con window.onload hacer el "cambiazo"...
#espera {
width: 100%;
height: 100%;
background: white url(espera.gif) no-repeat center center;
}
#principal {display: none;}
y el javascript
:
function inicio() {
document.getElementById("espera").style.display = "none";
document.getElementById("principal").style.display = "block";
}
window.onload = inicio;
Tal vez si hubiera imagenes que ralentizacen más la carga poner una precarga de imágenes intermedia.
Saludos
