Los Core Sitio web Vitals de Google son métricas de experiencia que miden el rendimiento de un sitio y la calidad de la experiencia de usuario que ofrece. En junio de 2021, Google lanzó una mejora en sus métricas de experiencia del usuario llamada Core Sitio web Vitals que se centra en la velocidad de carga, la interactividad y la estabilidad visual. Estas vitales sitio web básicas son: cambio de diseño acumulativo (CLS), retraso de primera entrada (FID), pintura con contenido más grande (LCP), interacción con la siguiente pintura (INP) y tiempo hasta el primer byte (TTFB).
Las métricas web principales son importantes porque son un conjunto común de métricas y puntos de referencia que se utilizan en muchos servicios de Google y que tienen un impacto directo en las clasificaciones de búsqueda. Al medir y optimizar su sitio para las métricas web principales, también mejora la experiencia general del usuario de su sitio.
CLS mide la estabilidad visual del contenido de una página contando la suma total de todas las puntuaciones de cambio de diseño individuales para cada cambio de diseño inesperado que se produce durante toda la vida de la página. Un cambio de diseño se produce cuando un elemento cambia su posición inicial debido a que los recursos se cargan más tarde en el ciclo de vida de una página y empujan el contenido que está debajo de él hacia abajo. Por ejemplo, un usuario está comprando en línea y justo cuando intenta hacer clic en el botón de añadir al carrito, un anuncio se carga por 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. Una CLS baja puede ayudar a asegurar que sus usuarios tengan una experiencia positiva en su sitio y puedan hacer rápidamente lo que vinieron a hacer.
FID mide el retraso en la interactividad y la capacidad de respuesta. Es el tiempo que transcurre desde que el usuario interactúa con su contenido haciendo clic en un enlace, tocando un botón o pulsando una tecla hasta que el navegador procesa esa interacción. La FID únicamente cuenta el retraso, no el tiempo que se tarda en procesar el evento ni el tiempo que tarda la interfaz de usuario en actualizarse. Los retrasos suelen producirse porque el navegador está ocupado cargando el resto del contenido de la página y no puede responder aún a la interacción del usuario. Un FID corto puede ayudar a aumentar la probabilidad de que el usuario permanezca en la página e interactúe con su contenido. Actualmente, la mayoría de los sitios web obtienen buenos resultados en la medición de la FID.
Nota
El zoom y el desplazamiento no se miden para la FID.
La 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 el que la página empezó a cargarse. A medida que se cargan diferentes elementos, la LCP puede cambiar. El navegador deja de medir la LCP cuando el usuario comienza a interactuar con la página, ya que las interacciones suelen cambiar lo que es visible para el usuario. Una velocidad de carga rápida puede asegurar al usuario que la página es útil porque puede empezar a ver el contenido rápidamente.
Elementos que pueden ser la LCP:
-
<img>
-
<image> dentro de un <svg>
-
<video>
-
Elemento con una imagen de fondo cargada mediante la función
url()
en lugar de un gradiente CSS -
Elementos a nivel de bloque que contienen nodos de texto u otros elementos de texto a nivel de línea secundarios
Nota
A medida que Google amplía sus Core Sitio web Vitals, indicó que <svg> y <video> podrían incluir como elementos empleados para medir LCP en el futuro.
INP hace referencia a cómo responde la página a interacciones específicas del usuario que se programan en la métrica general de INP medida por los datos de laboratorio y los datos de campo de Google Chrome. INP está diseñado para proporcionar una representación del retraso general de interacción de una página. Lo hace trabajando desde 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 totales, INP tiene en cuenta la interacción que tiene el peor retraso absoluto. La medición de INP es una representación del tiempo que un usuario tiene que esperar para interactuar con toda la página. Este es un contraste directo con el FID (primer retraso de entrada).
INP se ocupa de los siguientes tipos de interacciones:
-
Cualquier clic del mouse en un elemento interactivo.
-
Cualquier toque de un elemento interactivo en un 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 es de aproximadamente 200 milisegundos o menos.
Nota
El INP reemplazó al FID en marzo de 2024. Si recibe un aviso de Google que informa que su sitio tiene problemas de INP, revíselo para cerciorar de que cumpla con las mejores prácticas actuales (para obtener información detallada sobre las mejores prácticas, consulte Mejores prácticas de Core Sitio web Vitals).
Al medir Core Sitio web Vitals, puede emplear datos de laboratorio o de campo. Los datos de laboratorio se recopilan de tool que simulan la carga de una página y la interacción. Los datos de campo se recopilan de la interacción del usuario real con su sitio web. Se recomienda emplear métricas del mundo real, como Real User Monitoring (RUM), en lugar de pruebas de laboratorio para poder optimizar su sitio con mayor precisión. El conjunto de datos CRuX de Google se puede emplear para medir su sitio web y es una excelente opción porque es lo que Google emplea para medir Core Sitio web Vitals.
Tanto la CLS como la LCP pueden medirse en el laboratorio o en el campo. La FID únicamente puede medirse en el campo porque es necesario que un usuario real interactúe con el contenido. Le recomendamos especialmente que pruebe todas las páginas de su sitio web.
Las siguientes herramientas se pueden utilizar para medir las métricas web principales:
Campo tool:
-
Reporte de experiencia de usuario de Chrome (recomendado)
-
PageSpeed Insights (solo si hay suficientes datos CRuX; si no los hay, se trata de un toolde laboratorio)
Laboratorio tool:
Nota
El tool de prueba de sitios web de Google ya no es un toolrecomendado por la industria.
Para obtener más información sobre las diferencias entre Lighthouse y Core Sitio web Vitals, consulte Comparación de Lighthouse y Core Sitio web Vitals.
Para que una página de su sitio web se considere aprobada, debe alcanzar todas las métricas siguientes en el percentil 75:
-
CLS. 0.1 puntuación de cambio de diseño o menos
-
FID. 0.1 segundo o menos
-
LCP. 2.5 segundos o menos
Actualmente, sólo el 20% de los sitios web pasan las tres métricas. Para saber cómo optimizar su sitio web, consulte Mejores prácticas de Core Sitio web Vitals.