Lazy Load Nativo en HTML5

Por fin ha llegado la posibilidad de hacer lazy load dde forma naiva 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 Goolge 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.

Lazy load nativo HTML - CG Medios

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.

This is author biographical info, that can be used to tell more about you, your iterests, background and experience. You can change it on Admin > Users > Your Profile > Biographical Info page."


CG Medios

Diseño web a la medida, SEO y Marketing Digital Playa del Carmen, México.

Mas Artículos

Ver Todos
No Comments

Deja un comentario