Carga secuencial con jQuery

Stalactite es un plugin jQuery gratuito para cargar las imágenes de forma secuencial, ideal para aquellos sitios que cuentan con una gran cantidad de contenido multimedia.

La carga secuencial de imágenes de forma asincrónica tiene varias ventajas, la principal es la mejora sustancial en los tiempos de carga. Ademas de obviamente ayudar considerablemente al rendimiento del servidor, ahorrando en transferencia de datos.

El plugin, a diferencia de otros similares, muestra el contenido de forma secuencial, para ello utiliza diversos efectos, por lo que no solo nos ayuda a mejorar el rendimiento de nuestro sitio, sino que también mejora la estética y visualización de contenidos. Ademas no solo trabaja perfectamente con imágenes, también funciona de igual manera con vídeos e iFrames.

carga secuencial con jQuery

La biblioteca es extremadamente liviana, apenas 4kb es su versión comprimida, un peso prácticamente despreciable y que no repercute en la velocidad de descarga de nuestro sitio, y más si lo comparamos con realizar la carga de contenidos de forma convencional.

Ejemplo de uso:

$("#container").stalactite({
	duration: 350,
	easing: 'swing',
	cssPrefix: '.stalactite',
	cssPrep: true,
	fluid: true,
	loader: '<img />',
	styles: {}
	complete: function(v) { return v; }
});

Visiten la documentación del plugin para averiguar sobre los efectos disponibles. Como punto muy favorable hay que destacar que Stalactite cuenta con un callback, listo para ser utilizado y que devuelve el contenido mostrado. Muy interesante para realizar acciones posterior a la carga.

Web: Stalactite

Categorizado en: