Optimización de imágenes y vídeos para la web

by Joan Leon

Front-end Spanish
play_circle_outline
Topic
Front-end
Language
Spanish
Description

Como profesionales del desarrollo web, nos preocupamos de escoger el mejor framework, aplicar buenas prácticas en Javascript y CSS, ser cuidadosos de la semántica en el HTML para mejorar el SEO, de la accesibilidad de nuestro contenido, empaquetar los archivos para optimizar la carga, pero ¿qué pasa con la imágenes?

Las imágenes representa 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 sin estar adaptadas al tamaño de pantalla del usuario. Todo esto se convierte en una peor experiencia para el usuario.

Pero hay solución! Veremos cómo usar herramientas para el análisis, la optimización y la validación que harán nuestras imágenes y vídeos más ligeros, mejorando así la carga de la página y la percepción de velocidad.

Joan Leon
Frontend Engineer, Adevinta Spain

Frontend Engineer en Adevinta Spain, me apasiona todo lo relacionado con el desarrollo e interacción en la interfaz de usuario en entornos web. Trato de estar al día en todo lo relacionado con HTML5, CSS, SVG y Javascript. Otra de mis pasiones es la de colaborar en proyectos Open Source. Soy Google Developer Expert en tecnología web y Media Developer Expert de Cloudinary. I ❤️ CSS, Web Animation & Web Performance.