miércoles, 18 de julio de 2012

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





Cristalab



http://www.cristalab.com/tutoriales/carga-progresiva-de-imagenes-con-lazyload.js-y-jquery-c106732l/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%253A+clab+%2528Cristalab%2529



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.



[nota:40b07582ef]Recuerda borrar los datos de navegación (cache) para poder visualizar el efecto correctamente.[/nota:40b07582ef]











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

Enviar comentario






No hay comentarios: