Ingeniero FrontendAvanzado8 módulos~4.0 horas prácticas
Rendimiento y entrega del Frontend
Convertí Atlas Market, una experiencia de comercio pulida pero lenta, en un frontend de producción rápido y observable midiendo los cuellos de botella reales, mejorando Core Web Vitals, modelando bundles y recursos, y aplicando presupuestos de rendimiento en CI.
// Lo que podrás hacer- Conectá los recorridos de usuario, datos de campo, trazas de laboratorio y presupuestos
- Mejorá la latencia del documento, el descubrimiento de LCP y el bloqueo de renderizado
- Entregá las imágenes, fuentes y dimensiones correctas sin CLS
- Inspeccioná el grafo de módulos, dividí intencionalmente y recuperá chunks obsoletos
8 módulos, hechos para ejecutar
Cada módulo incluye código ejecutable. Expande cualquiera para ver su contenido.
00IntroducciónLa investigación de rendimiento que vas a liderar30 min
Objetivo — La investigación de rendimiento que vas a liderar
Empezar móduloVista previa gratis
01Medí antes de optimizarConectá los recorridos de usuario, datos de campo, trazas de laboratorio y presupuestos30 min
Objetivo — Conectá los recorridos de usuario, datos de campo, trazas de laboratorio y presupuestos
02Carga y la ruta críticaMejorá la latencia del documento, el descubrimiento de LCP y el bloqueo de renderizado30 min
Objetivo — Mejorá la latencia del documento, el descubrimiento de LCP y el bloqueo de renderizado
03Recursos responsivos y diseño estableEntregá las imágenes, fuentes y dimensiones correctas sin CLS30 min
Objetivo — Entregá las imágenes, fuentes y dimensiones correctas sin CLS
04Entrega de JavaScript y bundles por rutaInspeccioná el grafo de módulos, dividí intencionalmente y recuperá chunks obsoletos30 min
Objetivo — Inspeccioná el grafo de módulos, dividí intencionalmente y recuperá chunks obsoletos
05Rendimiento de interacciónDiagnosticá INP, tareas largas, costo de renderizado y contención del hilo principal30 min
Objetivo — Diagnosticá INP, tareas largas, costo de renderizado y contención del hilo principal
06Presupuestos, telemetría y entregaProtegé las mejoras con instrumentación en campo y puertas de despliegue automatizadas30 min
Objetivo — Protegé las mejoras con instrumentación en campo y puertas de despliegue automatizadas
07Síntesis de patronesVelo en acción: demostrá el recorrido optimizado en condiciones de producción30 min
Objetivo — Velo en acción: demostrá el recorrido optimizado en condiciones de producción
¿Listo para construir tu primer agente? Rendimiento y entrega del Frontend?
Empezá con el Módulo 0 gratis y desbloqueá la ruta completa con un plan Pro.