Core Web Vitals (CWV) es un conjunto de métricas desarrolladas por Google para medir la experiencia de usuario de los visitantes del sitio web.
Proporcionan una idea del rendimiento de un sitio web y ayudan a identificar áreas que necesitan mejoras.
Google ofrece varias métricas para medir el rendimiento de la página llamadas Web Vitals, que son diferentes de Core Web Vitals. Web Vitals proporciona una vista técnica detallada del rendimiento del sitio web.
Core Web Vitals es un subconjunto de Web Vitals que mide las interacciones de la experiencia del usuario comunes a los visitantes del sitio web, independientemente del tipo de sitio web que visiten.
Específicamente, Google identifica las necesidades básicas de experiencia del usuario como cargando, interactividady estabilidad óptica.
Todos los sitios web deben apuntar a puntajes altos de Core Web Vitals.
Según Google:
“Web Vitals es una iniciativa de Google para brindar orientación unificada sobre las señales de calidad necesarias para brindar una excelente experiencia de usuario en la web.
Los propietarios de sitios web no tienen que ser gurús del rendimiento para comprender la calidad de la experiencia que ofrecen a sus usuarios.
La iniciativa Web Vitals tiene como objetivo simplificar el panorama y ayudar a los sitios web a centrarse en las métricas que más importan, Vitales principales de la web.”
Contenido del Articulo
Medición de la experiencia del usuario con Core Web Vitals
Las siguientes tres métricas miden la calidad de la experiencia de usuario de los visitantes del sitio web:
- Mayor contenido de colorante: Mide la velocidad de carga de la página percibida y representa el tiempo que lleva cargar el bloque más grande de contenido (texto o imagen).
- Retraso en la primera entrada: Mide la cantidad de retraso desde el momento en que un visitante del sitio web interactúa por primera vez con la página hasta el momento en que el navegador puede responder a la interacción.
- Desplazamiento de diseño acumulativo: mide la estabilidad de una página web durante la descarga y ofrece información sobre cuánto cambia el diseño de la página.
Captura de pantalla de web.dev/vitals, agosto de 2022Google explica por qué estas tres métricas, en particular, son tan importantes:
“Google cree que Core Web Vitals es fundamental para todas las experiencias web.
Como resultado, se compromete a mostrar estas métricas en todas sus herramientas populares”.
Relacionado: Googler explica la usabilidad y los factores de clasificación de la experiencia del usuario
Dos tipos de métricas web vitals
Google ofrece dos tipos de métricas de Core Web Vitals: datos de campo y datos de laboratorio.
Datos de campo
Los datos de campo son métricas de Core Web Vitals tomadas de los visitantes del sitio web a las páginas web. Las mediciones se realizan en los visitantes del sitio web que usan un navegador Chrome y han optado por enviar sus datos de experiencia de usuario anónimos a Google.
Los datos de la experiencia del usuario crean el Informe de experiencia del usuario de Chrome (CrUX).
No incluye datos a nivel de página hasta que esa página alcanza las 1000 visitas mensuales.
Puede encontrar datos de campo recopilados como parte del Informe de experiencia del usuario de Chrome utilizando la herramienta PageSpeed Insights de Google.
Search Console también muestra datos de campo, que se informan de una manera que facilita la visualización de las URL agregadas por las tres métricas de Core Web Vitals.
El tablero de Data Studio CrUX visualiza los datos de CrUX (más información aquí).
Datos de laboratorio
Los datos de laboratorio consisten en puntuaciones simuladas de Core Web Vitals.
El propósito de los informes generados a partir de datos de laboratorio es obtener información de diagnóstico para mejorar las puntuaciones de velocidad del sitio web.
Debido a que hay una pequeña variación cada vez que se ejecuta una prueba, muchas personas realizarán al menos tres pruebas y luego promediarán la puntuación.
Las puntuaciones de datos de Core Web Vitals Lab también están disponibles a través de la herramienta PageSpeed Insights, así como cualquier otra herramienta de terceros que utilice la herramienta Chrome Lighthouse.
Se envía un bot de Chrome sin cabeza a una página web para descargar y simular los datos.
La herramienta Lighthouse aplica aceleración artificial para simular un dispositivo móvil que descarga la página web en una conexión móvil.
Así es como funciona la simulación de datos de laboratorio:
“Estos valores exactos se establecen en las constantes de Lighthouse y se utilizan como el límite predeterminado de Lighthouse.
Representan aproximadamente el 25 % inferior de las conexiones 4G y el 25 % superior de las conexiones 3G (en Lighthouse, esta configuración se denomina actualmente “4G lenta”, pero solía denominarse “3G rápida”).
Este ajuste preestablecido es idéntico al ajuste preestablecido “Mobile 3G – Fast” de WebPageTest y, debido a la menor latencia, es ligeramente más rápido para algunas páginas que el ajuste preestablecido “4G” de WebPageTest”.
Hay cuatro tipos de simulación de limitación de red para aquellos interesados en los detalles de la limitación.
1. Simulación de estrangulamiento. Esto es lo que usa la herramienta Lighthouse.
2. Estrangulación aplicada. Esto se denomina limitación a nivel de solicitud, pero aparece como limitación aplicada en las herramientas para desarrolladores de Chrome. Según la documentación, esta limitación no es tan precisa, por lo que el algoritmo Lighthouse lo compensa.
3. Limitación a nivel de proxy. Esto no afecta a UDP y, por lo tanto, no es lo ideal.
4. Limitación del nivel de paquetes. Esta es la forma más precisa de limitación, pero también puede dar lugar a una mayor variación entre las pruebas. Las pruebas de sitios web de terceros utilizan esta forma de limitación.
Cómo medir los fundamentos web
Datos de campo
Como se mencionó, los datos de campo son métricas de Core Web Vitals recopiladas de los visitantes del sitio web.
Google Search Console ofrece los datos del Informe de experiencia del usuario de Chrome (CrUX).
PageSpeed Insights también proporciona datos de campo CrUX.
Datos de laboratorio
PageSpeed Insights y Chrome Dev Tools (bajo el tablero) ofrecen datos de laboratorio Core Web Vitals simulados.
Las herramientas de medición de terceros que utilizan Chrome Lighthouse también proporcionan datos de Core Web Vitals Lab.
Una lista parcial de herramientas de prueba de velocidad de terceros gratuitas y en su mayoría gratuitas:
Relacionado: Hacer que el SEO y la experiencia del usuario trabajen juntos
¿Qué pasa con otras métricas de experiencia de usuario de velocidad de página?
A pesar de lo críticos que son Core Web Vitals, no son solamente métricas de experiencia de usuario para análisis;
Un conjunto ampliado de métricas llamado Web Vitals está disponible a través de herramientas como PageSpeed Insights.
Google anunció recientemente una nueva métrica llamada Interacción a Next Paint.
La interacción con Next Paint es una métrica que mide cuánto tiempo lleva interactuar con toda la página web, a lo que Google se refiere como: retraso total de la interacción.
Fuente: Blog de cromo
Más recursos:
Imagen destacada: Myroslava Gerber/Shutterstock
