Los 3 Signos Vitales de tu Web: Cómo Google Mide la Experiencia de Usuario
Cómo Google mide la experiencia de usuario
Para que una página web tenga éxito, no solo debe verse bien; debe sentirse rápida, interactiva y estable. Google lo sabe, y para evaluar objetivamente esta "calidad de experiencia", estableció un conjunto de métricas conocidas como Core Web Vitals.
Pensemos en ellas como el chequeo médico que un atleta debe pasar. No basta con ser "bueno"; hay que demostrar un rendimiento sólido en tres pruebas clave.
Las Core Web Vitals miden la velocidad, la interactividad y la estabilidad visual, como si fuera el rendimiento de un atleta.
1. LCP (Largest Contentful Paint): La explosividad inicial
- La pregunta que responde: ¿Cuán rápido se percibe la carga del sitio?
- La prueba del atleta: El médico no mide cuánto tarda el atleta en correr los 100 metros completos. Mide su explosividad inicial: qué tan rápido corre los primeros metros.
El LCP mide el tiempo que tarda en aparecer el elemento visible más grande de la pantalla (generalmente la imagen principal o un bloque de texto). Para que la métrica sea considerada "Buena", el LCP debe ocurrir en 2.5 segundos o menos. Optimizamos esto usando formatos modernos (WebP), reduciendo el JavaScript bloqueante y cacheando recursos.
2. INP (Interaction to Next Paint): El tiempo de reacción
- La pregunta que responde: ¿Cuán rápido responde el sitio a las interacciones?
- La prueba del atleta: El médico dispara la pistola de salida y mide cuánto tarda el atleta en reaccionar.
Originalmente Google usaba el FID (First Input Delay) para medir la latencia del primer clic, pero lo reemplazó por el INP, que evalúa la latencia de todas las interacciones durante la visita. Un buen INP debe ser menor a 200 milisegundos. Un retraso aquí genera la frustrante sensación de que "la página está colgada". Delegar procesos pesados y evitar bloquear el hilo principal son las claves para mejorarlo.
3. CLS (Cumulative Layout Shift): La estabilidad visual
- La pregunta que responde: ¿La página es visualmente estable mientras carga?
- La prueba del atleta: El médico le pide que se pare en una pierna sobre una viga de equilibrio. ¿Se mantiene firme o se tambalea?
El CLS mide cuánto "saltan" o se mueven los elementos de forma inesperada mientras carga. ¿Intentaste hacer clic en un botón y, justo en ese instante, un anuncio cargó arriba y tocaste otra cosa? Eso es un mal CLS (el puntaje ideal es menor a 0.1). Reservar el espacio exacto para las imágenes y evitar inyectar contenido dinámico sin un contenedor fijo soluciona este problema.
¿Por qué son tan importantes estos "signos vitales"?
Google ha confirmado que los Core Web Vitals son uno de los factores de posicionamiento en los resultados de búsqueda. Un sitio con buenas métricas y contenido relevante tendrá una ventaja sobre uno con una mala experiencia técnica.
Cada decisión de arquitectura, código y optimización de recursos debe estar pensada para mantener estos signos vitales sanos, ayudando a garantizar que nuestra web compita en las mejores condiciones.
