mas velocidad en precargar web

Marea2 · #1 (**permalink**) 03/12/2011, 05:51

Hola a todos!

Estoy haciendo una pagina web que tiene muchas fotografias (34 MB)! Y quando accedes a ella, tarda mucho en cargarse, y mientras lo hace cambia la estructura de mi pàgina (http://www.jpdesign.es/test/index-es.html).

Estoy pensando en hacer una pre-carga, y poner-lo todo en blanco i poner un gif de carga. Como lo veis?

Mi otra idea es cargar solo las imagenes que se esten viendo en un determinado momento, me explico: El web funciona con un menu vertical que se mueve por bloques, y quando haces click en los bloques se veen las imagenes. Se podria hacerque al principi no cargase ningu imagen y que solo quando apretaran en el menu se cargaran solo aquellas que se ven?

Miren el web para hacerse la idea!

Muchas gracias de antemano

truman_truman · #2 (**permalink**) 04/12/2011, 12:46

terminé de leer el post, me tomé un café y tu web sigue cargando...!!!

34 MB ???? es algo que nunca vi. las webs generalmente tienen como máximo 1MB

aahhh ahí terminó de cargar, lo que veo es que tu sitio solo tiene el index, y ahí estan todas las imgs, deberías separarlo, osea al hacer clic en un botón, que te lleve a esa sección, y es ahí donde se cargarán solo las de esa sección y no todas, estás desperdiciando MB, si alguien entra y solo ve las fotos del primer botón, y se va, desperdiciaste todo lo demás, se entiende?

Sino otra opción sería que se carguen con ajax al momento de presionar el botón.

Aijoona · #3 (**permalink**) 04/12/2011, 12:54

Si es una galería te diría que vayas por un lazy-loading. Carga solo lo que está viendo, ya sea por galería, scroll o algun tipo de interacción.

Un gif de loading sería la peor elección en cuanto a usabilidad. La situación ideal es que el usuario pueda interactuar rápidamente con el website, aún cuando no está completamente cargado.

Marea2 · #4 (**permalink**) 04/12/2011, 14:52

Gracias a los dos!

Aijoona, la idea de lazy-loading me gusta. Pero cuando lo implemento en el web, todo el menu deja de funcionar (este menu tambien funciona con javascript). Como podria hacerlo?

Truman-truman, si no he entendido mal el problema esta en todas las imagenes estan en index. Que propones exactamente? Si te fijas hay algunos iframes que van a paginas donde estan algunas imagenes.

Pueden orientarme un poco?

Aijoona · #5 (**permalink**) 04/12/2011, 15:05

El sitio debe ser funcional al cargar (lo cual debe ocurrir rápido), luego vas cargando el contenido (las imágenes) a medida que el usuario las requiera o en los lapsos ociosos (digamos que el usuario mira la galería 1, mientras cargas la galería 2).

La mayoría de los portales online, funcionan así. Cargan en primera instancia el contenido inicial y luego una acción (por lo general el scroll) va cargando el contenido e instanciando los componentes costosos (reproductores multimedia por ejemplo).

Marea2 · #6 (**permalink**) 04/12/2011, 15:49

Grcias Aijoona.
El problema es que el codigo de 'lazy loading' hace que el javascript del menú no funcione.
Debe haber algun problema con el jquery