Cargar imagenes a demanda y ganar performance

(The english version)

Escribí un pequeño script basado en jquery para mejorar la performane al cargar una página. La idea es simple, el script hace que la página cargue solo las imagenes que muestra a medida que el usuario hace scroll. Es muuuuy fácil de usar.

Lo único que tenes que hacer es cambiar la url de la imagen a la propiedad longdesc y agregar el class img-ondemand.

Ej: <img src=”foto.jpg” /> ahora debería ser <img src=”" longdesc=”foto.jpg” class=”img-ondemand” />

Aca esta el code los pasos para usarlo:

http://code.google.com/p/jquery-images-ondemand/

Aca tienen un demo online

http://tips.freedev.com.ar/demos/load-images-ondemand.html

Suerte ;)


This entry was posted in performance and tagged , , , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

4 Comments

  1. Posted 2009/09/21 at 14:16 | Permalink

    This is really cool. I will try it on my adult pages full of images. I think it can save a lot of bandwidth.

  2. Posted 2009/09/21 at 15:32 | Permalink

    Nice Script dude, i will try it.

  3. Posted 2010/01/01 at 16:29 | Permalink

    La idea es buena, pero falla por no poderse indexar las imagenes, ya que no hay url en el src.

  4. Posted 2010/03/22 at 22:59 | Permalink

    @Jep: todo depende donde lo quieras aplicar. En una webapp donde las img no necesitan ser indexadas funciona ok.

One Trackback

  1. [...] (Versión en Español) [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>