Archivo de la etiqueta: Lazy Load

Lazy Load: Optimizar el uso de imágenes en tu sitio

Captura de pantalla 2016-11-03 a la(s) 09.26.30.png

Por: Juan Pablo Isaac Mendoza Mora

Lazy loading, o carga diferida, es un patrón de diseño comúnmente usado en la programación informática que consiste en retrasar la carga o inicialización de un objeto hasta el mismo momento de su utilización. Esto contribuye a la eficiencia de los programas, evitando la precarga de objetos que podrían no llegar a utilizarse. El opuesto de lazy loading es eager loading.

El plugin bien llamado Lazy Load fue desarrollado por un equipo de gran reputación compuesto por personas de Automattic. La gente que está detrás de WordPress, Jake Goldman de 10up LLC, y el equipo de rediseño TechCrunch del año 2011. Se centra exclusivamente en las imágenes. Este plugin en realidad se basa en jQuery.sonar que carga imágenes sólo cuando el usuario se desplaza a ellas en un navegador. Por lo tanto, no se cargan hasta que estén a la vista.

Como nos podemos imaginar, esto no solo mejora la rapidez de un sitio, sino que también mejora el ancho de banda del servidor. Si un visitante no se desplaza hacia abajo hasta llegar a la parte inferior de una página, las imágenes no se cargan. Como nunca están llamados se utiliza menos ancho de banda. Es un concepto simple, pero importante en su efecto global.

captura-de-pantalla-2016-11-03-a-las-09-27-52captura-de-pantalla-2016-11-03-a-las-09-27-40

 

Anuncios