Optimización de imágenes para la web

Descripción

Como profesionales del desarrollo web, nos preocupamos de escoger el mejor framework, las buenas prácticas en Javascript y CSS, de la semántica en el HTML, de la accesibilidad de nuestro contenido, pero ¿qué pasa con las imágenes?

Las imágenes representan hasta el 60% del contenido de los sites, desde julio de 2017 en un site promedio de 3.0Mb, 1.7Mb son imágenes.

Cargamos imágenes innecesarias, con formatos inadecuados y no adaptadas al tamaño de pantalla del usuario, Todo ello acaba en una peor experiencia para el usuario.

¿Qué aprenderemos en el workshop?

1. Herramientas de análisis.

2. Crearemos un entorno para optimizar nuestras imágenes de forma automática.

3. Añadiremos tests para validar la calidad de las imágenes.

4. Adaptaremos nuestras imágenes para mejorar la percepción de carga.