Por fin ha llegado la posibilidad de hacer lazy load de forma nativa en html5!
Durante muchos años la carga de imágenes ha sido un tema complicado para los diseñadores web, esto por los tiempos de carga que esto representa.
Actualmente los sitios web utilizan una gran cantidad de imágenes, y muchas de estas están fuera de la pantalla, el usuario tiene que hacer scroll para poder ser vistas, sin embargo todas se descargan en el navegador una vez que abrimos una pagina web.
Para esto, con la ayuda de javascript los desarrolladores web crearon una forma de hacer algo llamado lazy load, lo que hace este script es detener la descarga de una imagen hasta que esta sea visible en la pantalla. Esto ayuda a mejorar el rendimiento y velocidad un sitio web.
Miembros del equipo de desarrollo de Google Chrome anuncio hace unas semanas que ya es posible hacer lazy load de forma nativa con HTML5, esto es una gran noticia para todos los diseñadores de paginas web. Menos librerías, menos código.
La forma para implementar lazy load nativo es muy sencillo, y es posible usarlo también para otros elementos como un iframe.
Sin embargo, por el momento esto solo es posible con el navegador Chrome, por lo que es necesario seguir manejando la descarga por medio de JavScript. Esperemos que en los próximos meses, mas navegadores como Firefox, Safari y Oprera lo integren para así eliminar por completo los scrips extras en nuestro sitio web.
CG Medios – Diseño de Paginas Web Playa del Carmen, México.