Medición profesional: laboratorio, campo y trazas de red

Aprende a comparar resultados con criterio para evitar decisiones basadas en ruido.

Cada herramienta responde preguntas distintas: si mezclas resultados sin contexto, tomás malas decisiones.

Laboratorio te ayuda a diagnosticar causa; datos reales te dicen si la mejora llega a usuarios.

Comparar bien exige mismo escenario de prueba y varias corridas.

Un equipo fuerte mide por plantilla y por dispositivo, no con promedios globales.

  • Usa misma URL, red y perfil de dispositivo.
  • Toma varias corridas y trabaja con mediana.
  • Separa móvil y desktop en reportes distintos.
  • Define criterio de exito antes de optimizar.
  • Equipo A reporta mejora de LCP tras minificar JS en horario de baja carga.

Disenar pruebas comparables

  • Usa misma URL, red y perfil de dispositivo.
  • Toma varias corridas y trabaja con mediana.
  • Separa móvil y desktop en reportes distintos.
  • Define criterio de exito antes de optimizar.

Caso real: falsa mejora por comparar mal

Equipo A reporta mejora de LCP tras minificar JS en horario de baja carga.

En produccion la mejora no aparece porque el cuello real era TTFB en origen.

Leccion: sin contexto controlado y sin datos de campo, el informe puede ser engañoso.

WPO (Rendimiento Web)
03

Medición profesional: laboratorio, campo y trazas de red

Aprende a comparar resultados con criterio para evitar decisiones basadas en ruido.

Código del tema: lighthouse --view

📘 Teoría

Disenar pruebas comparables

  • Usa misma URL, red y perfil de dispositivo.
  • Toma varias corridas y trabaja con mediana.
  • Separa móvil y desktop en reportes distintos.
  • Define criterio de exito antes de optimizar.

Caso real: falsa mejora por comparar mal

1

Equipo A reporta mejora de LCP tras minificar JS en horario de baja carga.

2

En produccion la mejora no aparece porque el cuello real era TTFB en origen.

3

Leccion: sin contexto controlado y sin datos de campo, el informe puede ser engañoso.

🧪 Aprende probando

Ejemplo Ejemplo: baseline por plantilla Estructura mínima para registrar antes/después en rutas clave.

🧰 Recursos

Test

Comprueba tus conocimientos con un test sobre WPO (Rendimiento Web).

Test de WPO (Rendimiento Web)

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