Problema-Duda al cargar página

[v3sTi4]

Hace un año hice esta página:
www.lagranjadegil.com

El diseño está hecho con Photoshop y preparado con la herramienta de sectores de Photoshop para hacerse web.

El problema que tengo es que cuando entren verán que la página va cargando las imagenes de las distintas celdas "muy poco a poco".

Lo que quiero hacer es mejorar esto y que la página cargue de golpe. Aunque ello signifique poner mientras un "Cargando..."
He estado mirando "Cargandos.." por google y he encontrado algunos que sale el Cargando y una vez Cargada, el "Cargando desaparece" pero con la pega que mientras está "Cargando tu ves como carga la página" y eso no me interesa. Quiero que salga el cargando y la página se muestre toda de golpe.

Estoy haciendo pruebas sobre "Cargandos" en: www.lagranjadegil.com/alojamiento2.html

Por favor, ayudenme, ¿qué debo hacer para mostrar un cargando y quel uego cargue de "golpe" la página?

Un saludo,

[David]

Al inicio del código puedes poner una capa que ocupe el 100% de la página y en el evento onload de la página (Javascript) ocultar esa capa.

[AlvaroG]

Mala idea, amigo.
Lo que pedís es una de las cosas más molestas que existen en las páginas web. Es mejor que tus usuarios vean la página cargándose a que tengan que esperar para verla, sin saber lo que contiene. Al menos si la ven cargándose pueden notar que la página responde, si solamente ven un "cargando" y por algún motivo la conexión es lenta, es probable que piensen que algo anda mal y se vayan.

Creo que mejor deberías pensar en optimizar las imágenes para hacerlas cargar más rápido, y hacer que tu diseño no dependa de ellas.


Saludos.

[v3sTi4]

El peso de las imágenes es mínimo.
El problema de la carga es que es una tabla muy compleja y eso hace que tarde mucho en cargar.
Mi idea con la base deldiseño, hacer todo en CSS dado que las tablas no son para maquetar, para eso están las capas. Pero eso me llevará un tiempo, de modo que quiero temporalmente poner un "Cargando..."

[daPhyre]

El problema que tarde tanto tu página es que todo está hecho por pequeñas imágenes en fragmentos y tablas, que eso hace tarde tanto en cargar.

Lo que deberías hacer es optimizar el código con una sola imagen (Que noto se repite en todas las páginas), y hacerlo con Divisores en lugar de con tablas.

Como dato particular: Chrome me cargó la página en solo dos segundos y hasta se vio bonito. Pero al final esto no viene al caso