nucliweb

Taller de Web Performance

Captura de pantalla WebPageTest

La Web Performance no es una moda, no es un fix, no debería ser algo que una persona debe revisar periódicamente o de forma reactiva. La Web Performance debería ser una cultura, formar parte del ADN de las/os devs, de la UX, del producto y del negocio.

¿Qué veremos en el taller?

  • ¿Qué es la Web Performance?
  • ¿Cómo afecta al SEO?
  • Core Web Vitals (también veremos la nueva métria INP)
  • Herramientas de medición
  • ¿Cómo funciona la red al cargar una web?
  • Performance en CSS y Fuentes
  • Performance en Imágenes
  • Performance en JavaScript
  • Aplicando Critical CSS
  • Mejorando la carga de recursos
  • Una buena estrategia de caché y compresión
  • Third-party
  • Automatización
  • Monitorización
  • Conceptos avanzados
  • Chrome DevTools para depurar la Web Performance
  • Mejorando la Web Performance con un Webpack config optimizado
  • Web Assembly para mejorar la Web Performance

¿A quién va dirigido?

Como he comentado en el primer párrafo, la Web Performance debería formar parte de la cultura del producto, así que lo ideal sería llegar a todos los roles existentes en un producto. Pero en esta ocasión vamos a centrarnos en los aspectos técnicos, así que esta formación la podrá aprovechar todas aquellas personas con un perfil técnico o de desarrollo.

Se necesitan conocimientos de cómo funcionan las peticiones a la red, la carga de recursos, la caché, así como ciertos conocimientos del DevTools.

Si eres principiante, puede ser que hayan conceptos que se escapen a tus conocimientos. Pero si aún y así 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.

Trabajaremos con la versión de desarrollo de Google Chrome Canary.

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?

La formación se hará en 3 sesiones de 4 horas (sábados por la mañana en horario CET), más 2 sesiones de una hora de tutoría para resolver dudas.

SesiónDíaHorarioDuración
0111 de noviembre10:00 a 14:00 (CET)4 horas
0218 de noviembre10:00 a 14:00 (CET)4 horas
0325 de noviembre10:00 a 14:00 (CET)4 horas
TutoríaPendiente de definir-1 hora
TutoríaPendiente de definir-1 hora

Coste y forma de pago

El coste del taller es de 120€, y el pago deberá hacerse efectivo mediante Paypal o Bizum, si necesitas otro método de pago, ponte en contacto conmigo. Después del pago recibirás un mail con las instrucciones, invitación y accesos necesarios.

Preinscripción

Puedes hacer la preinscripción a la 6ª edición aquí.
La preinscripción servirá para mostrar tu interés, pero no requiere ningún pago, recibirás en el mail las instrucciones de pago.

*

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.

¿Está orientado a algún frameworks JS en concreto?

No, los ejercicios no estarán orientados a ningún framework específico.

¿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?

Usaremos Google Chrome Canary en algunos de los ejercicios, así que si lo instaláis, os podréis familiarizar con esta versión.

¿Podré tener factura?

Sí, en el formulario de alta podrás indicar que quieres factura, así como indicar los datos de la misma.