Carga asincrónica de imágenes

imagenes loading asincrónicoLas imágenes son unos de los elementos que más recursos consumen de nuestro servidor, en especial si nos referimos a la transferencia de datos. Para economizar recursos podemos hacer varias cosas, desde utilizar distintos formatos para reducir el tamaño hasta realizar la carga de las imágenes bajo demanda, y esto es justamente lo que podemos lograr con el plugin jQuery JAIL (jQuery Asynchronous Image Loader)

Realizar la carga de imágenes de forma asincrónica tiene varias ventajas:

  • Incrementar la velocidad de carga de nuestro sitio. Al cargar las imágenes solo cuando es necesario el usuario solo descarga parte del documento.
  • Reducir la transferencia de datos.
  • Reducir el numero de conexiones y solicitudes al servidor.

JAIL nos permite realizar la carga asincrónica de distintas formas, según nuestras necesidades vamos a aplicar un método distinto. Entre las principales virtudes y cosas que podemos realizar con este plugin podemos destacar:

  • Carga automática al finalizar la carga completa del documento.
  • Carga de imágenes según determinado evento, puede ser expansión de una solapa, click en determinado elemento definido por nosotros o simplemente el movimiento del mouse.
  • Loading de imágenes según posición de la barra de scroll.
  • Carga de imágenes transcurrido determinado periodo de tiempo definido por nosotros.

Si lo desean pueden ver varias demostraciones en línea sobre el funcionamiento de JAIL desde la web oficial.

El uso básico de este plugin es el siguiente:

$('img').asynchImageLoader();

Con solo una línea de código vamos a lograr que todas nuestras imagenes se carguen de forma asincrónica.

Web: JAIL

Categorizado en: