Photo by Mike van den Bos on Unsplash
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 44% del contenido de los sites, desde junio de 2021 en un site promedio de 2Mb, 881KB son imágenes.
Cargamos imágenes innecesarias, con formatos inadecuados y no adaptadas al tamaño de pantalla de la usuaria/o, Todo ello acaba en una peor experiencia para la usuaria/o.
¿Qué veremos en el taller?
- Formatos de imagen para la web
- Formatos "next-gen"
- Procesamiento de imágenes
- Herramientas de medición
- Mejorado la UX con WebP
- Mejorado la UX con "next-gen"
- Optimizando las imágenes cargadas en CSS
- Creando imágenes responsive
- Velocidad de carga: Percepción vs Realidad
- Componentes <img> en JAM stack
- Usando un CDN de imágenes
- Hacks de optimización de imágenes
Haremos ejercicios prácticos paso a paso, que podrás repetir para interiorizar el conocimiento a tu ritmo.
¿A quién va dirigido?
A toda aquella persona que quiera mejorar la UX de su producto. Las imágenes son un recurso de comunicación muy importante en la web, así que conocer los formatos, codificadores, o cómo cargarlas, nos permitirá mejorar la experiencia.
Se necesitan conocimientos de cómo funcionan las peticiones a la red, la carga de recursos, la caché, así como ciertos conocimientos de la DevTools.
Si eres principiante, puede ser que hayan conceptos que se escapen a tus conocimientos. Pero si aún y así si te animas a participar en la versión online, podrás contar con un tiempo de tutoría para resolver tus dudas.
Requisitos
Será necesario una cuenta de GitHub para tener acceso al repositorio privado. Y una cuenta de Discord, donde tendréis un canal privado para compartir recursos y posteriores consultas.
Formato
Taller online a un número reducido de personas con la herramienta Zoom.
El formato online no nos permite tener la flexibilidad que se tiene en un taller presencial, así que yo iré resolviendo los ejercicios, siguiendo la guía a la que tendréis acceso, y posteriormente podréis repetir para interiorizar lo aprendido.
Todas las personas participantes tendrán acceso a un canal en Discord dedicado a resolver dudas y compartir recursos.
¿Cuándo?
Pendiente de definir fecha
Coste y forma de pago
El coste del taller es de 90€, y el pago deberá hacerse efectivo mediante Paypal, Stripe o Bizum, si necesitas otro método de pago, ponte en contacto conmigo. Después del pago recibirás un email con las instrucciones, invitación y accesos necesarios.
Cosas que aprenderás
Preguntas frecuentes
¿Se grabarán las sesiones?
Sí, las sesiones quedarán grabadas, para su posterior consulta siempre que quieras.
¿Podré resolver dudas fuera de las sesiones de tutorías?
Sí, el registro al taller te dará acceso a un canal privado de Discord para compartir, preguntar o resolver dudas.
¿Haremos alguna pausa durante las sesiones?
Sí, tendremos programadas 2 pausas en cada una de las sesiones.
¿Me puede servir esta formación para mi site con Wordpress?
Sí, no profundizaremos en detalles de implementación, ya que eso se podría hacer en un workshop específico, pero los ejercicios y consejos se podrán aplicar.
¿Debo instalar algún software?
Veremos herramientas de optimización online y de escritorio, pero no es necesario que las tengas instaladas préviamente.
¿Podré tener factura?
Sí, en el formulario de alta podrás indicar que quieres factura, así como indicar los datos de la misma.