Comunidad de diseño web y desarrollo en internet online

Carga progresiva de imágenes con lazyload.js y jQuery

Aprende cómodamente como mejorar la velocidad y la experiencia del usuario en tus diseños web. Este ejemplo implementa la carga de imágenes sólo cuando, mediante el scroll, aparecen en la parte visible del navegador. Solo necesitarás usar jQuery y el plugin lazyload.js.

Recuerda borrar los datos de navegación (cache) para poder visualizar el efecto correctamente.






Ejemplo de página con imágenes (sin) carga bajo demanda.

Ejemplo de página con imágenes (con) carga bajo demanda.

Para descargar los archivos del tutorial

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate