Inicio

Curso de WPO (Rendimiento Web)

Curso completo de rendimiento web: métricas, diagnóstico, optimización frontend/backend, monitorización y auditoría aplicada.

Tests

Pon a prueba tus conocimientos de WPO (Rendimiento Web).

Lecciones

11
1
Fundamentos
WPO sin humo: cómo conecta UX, SEO y negocio
Entiende la teoría base de rendimiento web y como convertirla en decisiones de producto con impacto real.
2
Fundamentos
Core Web Vitals en serio: LCP, INP y CLS aplicados
Aprende teoría de cada métrica y cómo interpretarla en escenarios reales, sin simplificaciones vacías.
3
Fundamentos
Medición profesional: laboratorio, campo y trazas de red
Aprende a comparar resultados con criterio para evitar decisiones basadas en ruido.
4
Diagnóstico
DevTools para WPO: Coverage, overrides y bloqueos sin adivinar
Aprende a diagnosticar cuellos reales con Chrome DevTools para pasar de intuiciones vagas a tickets accionables y verificables.
5
Diagnóstico
Performance budgets aplicados a producto real
Convierte limites técnicos en reglas operativas para evitar regresiones en cada release.
6
Diagnóstico
RUM vs laboratorio: leer datos sin autoengañarte
Aprende la teoría de ambos enfoques y como priorizar mejoras cuando parecen contradecirse.
7
Frontend
Imagenes de alto impacto: estrategia completa para LCP
Aprende teoría y tácticas prácticas para optimizar imágenes según contexto real de producto.
8
Frontend
Critical rendering path: teoría aplicada de CSS y JS
Reduce bloqueos de render e interacción con decisiones técnicas claras y medibles.
9
Backend
Cache y CDN con criterio: teoría y casos de producción
Aprende a reducir latencia de entrega con cache HTTP y edge sin romper coherencia de datos.
10
Monitorización
Observabilidad de rendimiento: de dashboard a acción
Diseña monitoreo y alertas que detecten regresiones reales y se conviertan en decisiones de equipo.
11
Pro
Auditoría WPO profesional: teoría, priorización y plan 30-60-90
Transforma diagnóstico en roadmap ejecutable con impacto técnico y de negocio medible.
Página 1 de 1
Roadmap

Datos, Calidad y DevOps

Operación técnica: datos, testing, observabilidad, despliegue e infraestructura.

Calidad y rendimiento

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .