Core Web Vitals de Google son métricas de experiencia que miden el rendimiento de un sitio y la buena experiencia de usuario que ofrece. En junio de 2021, Google publicó una mejora de sus métricas de experiencia de usuario denominada Core Web Vitals, que se centra en la velocidad de carga, la interactividad y la estabilidad visual. Estos elementos fundamentales de la web son: cambio de diseño acumulativo (CLS), retraso en la primera entrada (FID), Largest Contentful Paint (LCP), Interaction To Next Paint (INP) y Time to First Byte (TTFB)
Core Web Vitals son importantes porque son un conjunto común de métricas y puntos de referencia que se utilizan en muchos servicios de Google y tienen un impacto directo en las clasificaciones de búsqueda. Al medir y optimizar tu sitio web para que esté basado en Core Web Vitals, también mejorarás la experiencia general de los usuarios de tu
CLS mide la estabilidad visual del contenido de una página contando la suma total de todas las puntuaciones de los cambios de diseño individuales por cada cambio de diseño inesperado que se produce durante toda la vida útil de la página. Un cambio de diseño se produce cuando un elemento cambia de posición desde su posición inicial debido a que los recursos se cargan más adelante en el ciclo de vida de una página y el contenido se desplaza hacia abajo. Por ejemplo, cuando un usuario compra en línea, justo cuando intenta hacer clic en el botón de añadir al carrito, se carga un anuncio encima del botón y lo empuja hacia abajo. Este cambio de diseño hace que el usuario haga clic accidentalmente en el anuncio en lugar de en el botón de añadir al carrito. Un CLS bajo puede ayudar a garantizar que los usuarios tengan una experiencia positiva en su sitio y puedan realizar rápidamente lo que vienen a hacer
FID mide el retraso en la interactividad y la capacidad de respuesta. Es el tiempo desde que el usuario interactúa con tu contenido haciendo clic en un enlace, pulsando un botón o pulsando una tecla hasta que el navegador procesa esa interacción. FID solo cuenta el retraso, no el tiempo que lleva procesar el evento ni el tiempo que tarda la interfaz de usuario en actualizarse. Por lo general, se produce un retraso 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 breve puede ayudar a aumentar las probabilidades de que el usuario permanezca en la página e interactúe con tu contenido. En la actualidad, 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 en FID.
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 por primera vez. A medida que se cargan diferentes elementos, el LCP puede cambiar. El navegador deja de medir el LCP cuando el usuario comienza a interactuar con la página, ya que las interacciones suelen cambiar lo que ve el usuario. Una velocidad de carga rápida puede garantizar al usuario que la página es útil porque puede empezar a ver el contenido rápidamente
Elementos que pueden ser el LCP:
-
<img>
-
<image> inside an <svg>
-
<video>
-
Elemento con una imagen de fondo cargada mediante el
url()función en lugar de un gradiente de CSS -
Elementos a nivel de bloque que contienen nodos de texto u otros elementos de texto a nivel de línea secundarios
Nota
As Google expands their Core Web Vitals, they have indicated <svg> and <video> might be included as elements used to measure LCP in the future.
INP se refiere a la forma en que la página responde a las interacciones específicas de los usuarios que se programan en la métrica general del INP, medida a partir de los datos de laboratorio y de campo de Google Chrome. El INP está diseñado para ofrecer una representación del retraso total de interacción de una página. Para ello, trabaja a partir de una muestra de las interacciones individuales más largas que se producen cuando un usuario visita la página. Por ejemplo, si una página tiene menos de 50 interacciones en total, el INP tiene en cuenta la interacción que tiene el mayor retraso. La medición del INP es una representación del tiempo que un usuario tiene que esperar para interactuar con toda la página. Esto contrasta directamente con el FID (retardo de primera entrada).
El INP se ocupa de los siguientes tipos de interacciones:
-
Cualquier clic del ratón sobre un elemento interactivo.
-
Cualquier toque de 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.
En la documentación web.dev de Google se explica que un buen valor de INP es de unos 200 milisegundos o menos.
Nota
El INP sustituyó al FID en marzo de 2024. Si recibes un aviso de Google en el que se informa de que tu sitio tiene problemas con el INP, revisa tu sitio para asegurarte de que sigue las mejores prácticas actuales (para obtener información detallada sobre las mejores prácticas Principales prácticas recomendadas de Web Vitals).
El TTFB mide el tiempo que tarda el servidor en transferir el primer byte.
Durante mucho tiempo se ha sospechado que el TTFB es un impulsor de importantes ganancias de rendimiento, lo que significa que es una prioridad que los profesionales de SEO deberían optimizar como parte de su proceso de SEO.
Al medir Core Web Vitals, puede utilizar datos de laboratorio o de campo. Los datos de laboratorio se recopilan a partir de herramientas que simulan la carga e interacción de una página. Los datos de campo se recopilan a partir de la interacción de un usuario real con su sitio web. Se recomienda utilizar métricas reales, como la monitorización de usuarios reales (RUM), en lugar de pruebas de laboratorio para poder optimizar el sitio con mayor precisión. De Google Datos de CruX Set se puede usar para medir su sitio web y es una excelente opción porque es lo que Google usa para medir los principales signos vitales de la web.
Tanto el CLS como el LCP se pueden medir en el laboratorio o en el campo. El FID solo se puede medir sobre el terreno porque un usuario real necesita interactuar con el contenido. Le recomendamos encarecidamente que pruebe todas las páginas de su sitio web.
Se pueden usar las siguientes herramientas para medir los valores vitales de la web principales:
Herramientas de campo:
-
Informe de experiencia de usuario de Chrome (recomendado)
-
Perspectivas de PageSpeed (solo si hay suficiente Datos de CruX; si no lo hay, se trata de una herramienta de laboratorio)
Herramientas de laboratorio:
Nota
La herramienta de prueba de páginas web de Google ya no es una herramienta recomendada por el sector.
Para obtener más información sobre las diferencias entre Lighthouse y Core Web Vitals, consulte Comparación entre Lighthouse y Core Web Vitals.
Para que una página de tu sitio web se considere apta, debe alcanzar todas las siguientes métricas en el percentil 75:
-
CLS. Puntuación de cambio de diseño de 0.1 o inferior
-
FID. 0,1 segundos o menos
-
LCP. 2,5 segundos o menos
Actualmente, solo el 20% de los sitios web superan las tres métricas. Para obtener información sobre cómo optimizar tu sitio web, consulta Mejores prácticas de Core Web Vitals.