Las métricas Web Vitals de Google miden el rendimiento de un sitio web y la calidad de la experiencia de usuario que ofrece. En junio de 2021, Google planea lanzar una mejora en sus métricas de experiencia de usuario llamada Core Web Vitals, que se centra en la velocidad de carga, la interactividad y la estabilidad visual. Estas métricas Core Web Vitals son: Cumulative Layout Shift (CLS), First Input Delay (FID), Largest Contentful Paint (LCP), Interaction To Next Paint (INP) y Time to First Byte (TTFB).
Las Core Web Vitals son importantes porque constituyen un conjunto común de métricas y parámetros de referencia que se utilizan en muchos servicios de Google y que tienen un impacto directo en el posicionamiento en los resultados de búsqueda. Al medir y optimizar tu sitio web según las Core Web Vitals, también mejoras la experiencia general del usuario.
CLS
CLS mide la estabilidad visual del contenido de una página contando la suma total de las puntuaciones de desplazamiento de diseño individuales para cada desplazamiento inesperado que ocurre durante toda la vida útil de la página. Un desplazamiento de diseño se produce cuando un elemento cambia de su posición inicial debido a que los recursos se cargan más tarde en el ciclo de vida de la página y desplazan el contenido que se encuentra debajo. Por ejemplo, un usuario está comprando en línea y justo cuando intenta hacer clic en el botón "Agregar al carrito", se carga un anuncio encima del botón y lo desplaza hacia abajo. Este desplazamiento de diseño provoca que el usuario haga clic accidentalmente en el anuncio en lugar del botón "Agregar al carrito". Un CLS bajo puede ayudar a garantizar que sus usuarios tengan una experiencia positiva en su sitio y puedan completar rápidamente lo que vinieron a hacer.
DEFENSOR
El FID mide el tiempo de respuesta e interactividad. Este tiempo transcurre desde que el usuario interactúa con el contenido (haciendo clic en un enlace, pulsando un botón o presionando una tecla) hasta que el navegador procesa dicha interacción. El FID solo contabiliza el tiempo de respuesta, no el tiempo de procesamiento del evento ni el tiempo de actualización de la interfaz de usuario. Este retraso suele producirse porque el navegador está ocupado cargando el resto del contenido de la página y aún no puede responder a la interacción del usuario. Un FID corto puede aumentar la probabilidad de que el usuario permanezca en la página e interactúe con el contenido. Actualmente, la mayoría de los sitios web obtienen buenos resultados en la medición del FID.
Nota:
El zoom y el desplazamiento no se miden para FID.
LCP
El LCP mide el tiempo que tarda en cargarse el elemento visible más grande de la página, en relación con el momento en que la página comenzó a cargarse. A medida que se cargan diferentes elementos, el LCP puede variar. El navegador deja de medir el LCP cuando el usuario comienza a interactuar con la página, ya que las interacciones suelen modificar lo que el usuario ve. Una velocidad de carga rápida puede transmitir al usuario la sensación de que la página es útil, ya que puede empezar a ver el contenido rápidamente.
Elementos que pueden ser el LCP:
- <img>
- <imagen> dentro de un <svg>
- <video>
- Elemento con una imagen de fondo cargada mediante la función url() en lugar de un degradado CSS.
- Elementos de nivel de bloque que contienen nodos de texto u otros elementos de texto en línea hijos
Nota:
A medida que Google amplía sus Core Web Vitals, han indicado que <svg> y <video> podrían incluirse como elementos utilizados para medir LCP en el futuro.
INP
INP se refiere a cómo la página responde a interacciones específicas del usuario, programadas en la métrica INP general, medida con datos de laboratorio y de campo de Google Chrome. INP está diseñado para representar el tiempo de respuesta total de una página. Para ello, utiliza una muestra de las interacciones más largas que ocurren cuando un usuario visita la página. Por ejemplo, si una página tiene menos de 50 interacciones, INP considera la interacción con el mayor tiempo de respuesta. La medición de INP representa el tiempo que un usuario debe esperar para interactuar con la página completa. Esto contrasta directamente con FID (First Input Delay).
INP se ocupa de los siguientes tipos de interacciones:
- Cualquier clic del ratón sobre un elemento interactivo.
- Cualquier toque en un elemento interactivo en cualquier dispositivo que incluya una pantalla táctil.
- La pulsación de una tecla en un teclado físico o en pantalla.
La documentación web.dev de Google explica que un buen valor de INP ronda los 200 milisegundos o menos.
Notas:
- INP sustituirá a FID en marzo de 2024. La puntuación de INP no afectará a CWV hasta marzo de 2024. Sin embargo, como preparación para esta transición, Google ha comenzado a notificar a los propietarios de sitios web cuando se detectan problemas con INP.
- Antes del anuncio de Google, Guesty Websites ya había comenzado a trabajar en esta métrica. Como resultado, muchos sitios ya obtienen buenos resultados en INP, aunque seguimos optimizándola.
- Continuamos investigando sobre INP e identificando las mejores prácticas tanto para las operaciones de backend como para los creadores de sitios web. Les informaremos sobre las mejores prácticas que pueden implementar a medida que obtengamos más información. Mientras tanto, si reciben una notificación de Google que indica que su sitio tiene problemas con INP, revisen su sitio para asegurarse de que cumple con las mejores prácticas actuales (para obtener información detallada sobre las mejores prácticas, consulten Optimizar su sitio para Core Web Vitals ).
- Tenga la seguridad de que Guesty está trabajando activamente para optimizar esta puntuación y confiamos en que estaremos listos para el lanzamiento oficial en marzo de 2024. Si tiene alguna duda sobre su puntuación INP antes de esa fecha, le recomendamos consultar con un experto en SEO para obtener más ayuda.
TTFB
TTFB mide el tiempo que tarda el servidor en transferir el primer byte.
Desde hace tiempo se sospecha que el TTFB (tiempo hasta el primer byte) impulsa mejoras significativas en el rendimiento, lo que significa que es una prioridad que los profesionales de SEO deberían optimizar como parte de su proceso de SEO.
Cómo medir las métricas web básicas
Al medir las métricas Core Web Vitals, puede usar datos de laboratorio o de campo. Los datos de laboratorio se obtienen mediante herramientas que simulan la carga e interacción de una página. Los datos de campo se obtienen de la interacción de usuarios reales con su sitio web. Le recomendamos usar métricas del mundo real, como el Monitoreo de Usuarios Reales (RUM), en lugar de pruebas de laboratorio para optimizar su sitio con mayor precisión. El conjunto de datos CRuX de Google es una excelente opción para medir su sitio web, ya que es el que Google utiliza para medir las métricas Core Web Vitals.
Tanto CLS como LCP se pueden medir en laboratorio o en campo. FID solo se puede medir en campo, ya que un usuario real debe interactuar con el contenido. Le recomendamos encarecidamente que pruebe todas las páginas de su sitio web.
Las siguientes herramientas pueden utilizarse para medir las métricas básicas de la web:
Herramientas de campo
- Informe de experiencia de usuario de Chrome (recomendado)
- Información sobre la velocidad de la página
- Search Console (Informe de Core Web Vitals)
- Biblioteca JavaScript Web-vitals
Herramientas de laboratorio
Nota:
La herramienta WebPage Test de Google ya no es una herramienta recomendada por la industria.
Para obtener más información sobre las diferencias entre Lighthouse y Core Web Vitals, consulte la Comparación entre Lighthouse y Core Web Vitals .
Puntuaciones ideales
Para que una página de su sitio web se considere aprobada, debe alcanzar todas las siguientes métricas en el percentil 75:
- CLS. Puntuación de cambio de diseño de 0,1 o menos
- FID. 0,1 segundos o menos
- LCP. 2,5 segundos o menos
Actualmente, solo el 20 % de los sitios web cumplen con las tres métricas. Para aprender a optimizar su sitio web, consulte Optimizar su sitio para Core Web Vitals.