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 del Crafter, de UX, de producto y de negocio.

¿Qué veremos en el taller?

  • ¿Qué es la Web Performance?
  • ¿Cómo afecta al SEO?
  • 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

¿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 4 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
012 Octubre 202110:00 a 14:00 (CET)4 horas
029 Octubre 202110:00 a 14:00 (CET)4 horas
0316 Octubre 202110:00 a 14:00 (CET)4 horas
Extra: Chrome DevTools23 Octubre 202110:00 a 11:45 (CET)1 h 45 min
Extra: Webpack config23 Octubre 202112:00 a 14:00 (CET)2 horas
Tutoría26 Octubre 202119:00 a 20:00 (CET)1 horas
Tutoría28 Octubre 202119:00 a 20:00 (CET)1 horas

Coste y forma de pago

El coste del taller es de 95€, 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 3ª 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 los datos de la misma.