Web Vitals: los factores de Google para la experiencia del usuario
Los Core Web Vitals son una serie de factores específicos que Google considera clave para la experiencia de usuario (User Experience) de una página web.
Se componen de tres mediciones específicas:
- Tiempo de carga (Largest Contentful Paint)
- Interactividad (retardo de la primera entrada)
- Estabilidad visual (Cumulative Layout Shift)
¿Qué son las Core Web Vitals?
En resumen: los Core Web Vitals son un subconjunto de factores que Google utiliza para evaluar la «experiencia en la página» (Page Experience). Son la forma que tiene Google de evaluar de manera objetiva la experiencia de usuario (UX) global de tu página.
Resumen de la iniciativa
Web Vitals es una iniciativa de Google. Su objetivo es ofrecer una guía unificada sobre los indicadores de calidad, que son imprescindibles para ofrecer una experiencia de usuario excelente en Internet.
A lo largo de los años, Google ha lanzado muchas herramientas para medir el rendimiento. Algunos desarrolladores son expertos en usarlas. A otros, sin embargo, les ha parecido confuso todo ese montón de herramientas y métricas.
La buena noticia es que los propietarios de sitios web no tienen por qué ser expertos en rendimiento. La iniciativa Web Vitals simplifica las cosas. Ayuda a los administradores web a centrarse en las métricas que más importan.
Los tres indicadores clave
Los Core Web Vitals se aplican a todas las páginas web. Todos los propietarios de sitios web deberían medirlos y aparecen en todas las herramientas de Google. Cada indicador representa un aspecto concreto de la experiencia del usuario.
El conjunto actual se centra en tres aspectos: tiempo de carga, interactividad y estabilidad visual.
1. Largest Contentful Paint (LCP)
Esto mide la velocidad de carga. Se trata de saber cuándo se carga el contenido principal.
- Objetivo: El LCP debería aparecer en un plazo de 2,5 segundos.
2. Retardo de la primera entrada (FID)
Esto mide la interactividad. Se trata de la rapidez con la que la página responde a una acción del usuario.
- Objetivo: La página debería tener un FID inferior a 100 milisegundos.
3. Cumulative Layout Shift (CLS)
Esto mide la estabilidad visual. Comprueba si los elementos se desplazan de forma inesperada mientras se carga la página.
- Objetivo: La página debería tener un CLS inferior a 0,1.
El umbral: para asegurarse de que alcanzas los objetivos, Google utiliza el percentil 75. Esto significa que, si el 75 % de tus visitas a la página (tanto en móvil como en ordenador) alcanzan los objetivos, la prueba se considera superada.
¿Cómo se mide Core Web Vitals?
Como Google considera que estos valores son la base de la experiencia del usuario, la empresa pone a tu disposición varias herramientas. Aquí tienes tres formas de medirlos:
1. Informe sobre la experiencia de usuario de Chrome (CrUX)
Google recopila datos anónimos de usuarios reales. A esto se le llama «datos de campo».
- Ventaja: no tienes que configurar nada. Google ya tiene los datos.
- Herramientas: PageSpeed Insights utiliza esta base de datos.
- Inconveniente: el análisis no es muy detallado. A menudo no sirve para diagnosticar con precisión problemas concretos en una página secundaria concreta.
2. Uso de JavaScript
Puedes usar JavaScript para medir los valores directamente.
- Biblioteca: Google ofrece una biblioteca de Web Vitals con API ya listas para usar.
- Extensión para el navegador: En la Chrome Web Store está disponible la extensión «Web Vitals». Con ella podrás ver los valores directamente en el navegador, sin tener que escribir código.
3. Herramientas de laboratorio
Las herramientas de laboratorio simulan una visita a una página en condiciones controladas.
- Uso: Es especialmente útil antes de que una web se publique (prelanzamiento).
- Importante: No te olvides de los datos de campo (usuarios reales). La experiencia de un usuario real se ve afectada por factores como las condiciones de la red o los dispositivos lentos. Usa las herramientas de laboratorio para el desarrollo y los datos de campo para la supervisión.