JQuery Lazy Load: carga las imágenes solo cuando el usuario pueda verlas

Para mejorar el tiempo de respuesta cuando un usuario realiza la petición de una página larga o de gran tamaño, si esa página tiene imágenes que solo se verán si el usuario mueve la barra de desplazamiento “scroll”, he visto esta técnica en la página de Mashable.com, la han implementado con un plugin de jquery llamado Lazy Loader, hace todo lo opuesto a una precarga de imagenes, sino que realiza las peticiones al servidor de esas imagenes a medida que el usuario requiere verlas, segun se comenta el plugin esta inspirado en el YUI: Image Loader, que es un componente de YUI (como todos sabemos el Yahoo User Interface Library), si tienes un blog en wordpress te recomiendo estos sencillos tutoriales:

http://brandontreb.com/dynamically-load-wordpress-post-images-like-mashable-com/

http://www.hackingethics.com/blog/2010/04/12/how-to-add-lazy-loading-to-wordpress-page-fading-like-mashable/

Pero si lo quieres implementar sin tener wordpress aqui te dejo un tutorial (en ingles) muy bien explicado:

http://www.appelsiini.net/projects/lazyload

+info

Plugin JQuery Lazy Loader:
http://plugins.jquery.com/project/lazyload

YUI 2: Image Loader
http://developer.yahoo.com/yui/imageloader/

Advertisement

Deja un comentario

Fill in your details below or click an icon to log in:

Logo de WordPress.com

You are commenting using your WordPress.com account. Log Out / Cambiar )

Twitter picture

You are commenting using your Twitter account. Log Out / Cambiar )

Facebook photo

You are commenting using your Facebook account. Log Out / Cambiar )

Connecting to %s

Seguir

Get every new post delivered to your Inbox.