Las Web Vitals de Google son métricas de experiencia que 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, denominada Core Web Vitals, que se centra en la velocidad de carga, la interactividad y la estabilidad visual. Estas Core Web Vitals son: Cambio de diseño acumulativo (CLS), Retardo de la 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 Core Web Vitals son importantes porque constituyen 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 el posicionamiento en buscadores. Al medir y optimizar su sitio web para las Core Web Vitals, también mejora la experiencia general del usuario.
CLS
El 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 ocurre durante toda la vida útil de la página. Un cambio de diseño ocurre 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 una página y empujan el contenido debajo de él hacia abajo en la página. Por ejemplo, un usuario está comprando en línea y justo cuando intenta hacer clic en el botón de agregar 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 agregar al carrito. Un CLS bajo puede ayudar a garantizar que sus usuarios tengan una experiencia positiva en su sitio y puedan lograr rápidamente lo que vinieron a hacer.
FID
El FID mide el retraso en la interactividad y la capacidad de respuesta. Este es el tiempo transcurrido 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 retraso, no el tiempo que tarda en procesar el evento ni el tiempo que tarda la interfaz de usuario en actualizarse. Un retraso suele ocurrir 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 ayudar a 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 tienen un buen rendimiento 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 comparación con el momento en que la página empezó a cargarse. A medida que se cargan los diferentes elementos, el LCP puede cambiar. El navegador deja de medir el LCP cuando el usuario empieza a interactuar con la página, ya que las interacciones suelen cambiar lo que ve el usuario. Una velocidad de carga rápida puede confirmar al usuario que la página es útil, ya que puede empezar a ver el contenido rápidamente.
Elementos que pueden ser el LCP:
- <img>
- <image> dentro de un <svg>
- <video>
- Elemento con una imagen de fondo cargada mediante la función url() en lugar de un degradado 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 Web Vitals, ha indicado que <svg> y <video> podrían ser incluidos como elementos utilizados para medir LCP en el futuro.
INP
El INP se refiere a cómo responde la página a interacciones específicas del usuario, las cuales están programadas en la métrica INP general, medida por los datos de laboratorio y de campo de Google Chrome. El INP está diseñado para proporcionar una representación del retraso general de la interacción de una página. Esto se logra trabajando a partir de 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 en total, el INP toma en consideración la interacción con el peor retraso absoluto. La medición del INP es una representación de cuánto tiempo un usuario debe esperar para interactuar con toda la página. Esto es un contraste directo con el FID (Retraso de la Primera Entrada).
El INP se ocupa de los siguientes tipos de interacciones:
- Cualquier clic del ratón en 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.
La documentación web.dev de Google explica que un buen valor de INP es de alrededor de 200 milisegundos o menos.
Notas:
- El INP reemplazará al FID en marzo de 2024. La puntuación INP no afectará a CWV hasta marzo de 2024. Sin embargo, como preparación para esta transición, Google ha comenzado a informar a los propietarios de sitios cuando se detectan problemas con INP.
- Antes del anuncio de Google, los sitios web de Guesty ya habíamos empezado a abordar esta métrica. Como resultado, muchos sitios web ya tienen una buena puntuación en INP, aunque seguimos optimizándola.
- Seguimos aprendiendo sobre INP e identificando las prácticas óptimas tanto para las operaciones de backend como para los creadores de sitios web. Les mantendremos informados sobre las mejores prácticas que pueden implementar a medida que tengamos más información. Mientras tanto, si reciben un aviso de Google que informa que su sitio tiene problemas de INP, revisen para garantizar que sigan las mejores prácticas actuales (para obtener información detallada sobre las mejores prácticas, consulten...) Optimice su sitio para Core Web Vitals).
- Esté seguro, 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 inquietud 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 la longitud que tarda el servidor en transferir el primer byte.
Desde hace mucho tiempo se ha sospechado que TTFB es un impulsor de importantes mejoras de 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 los Core Web Vitals
Al medir las Core Web Vitals, puede usar datos de laboratorio o de campo. Los datos de laboratorio se obtienen mediante herramientas que simulan la carga y la 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 reales como Real User Monitoring (RUM) en lugar de pruebas de laboratorio para optimizar su sitio web con mayor precisión. El conjunto de datos CRuX de Google puede usarse para medir su sitio web y es una excelente opción, ya que es lo que Google utiliza para medir las Core Web Vitals.
Tanto el CLS como el LCP se pueden medir en el laboratorio o en campo. El FID solo se puede medir en campo, ya que un usuario real necesita interactuar con el contenido. Le recomendamos encarecidamente que pruebe cada página de su sitio web.
Se pueden utilizar las siguientes herramientas para medir Core Web Vitals:
Herramientas de campo
- (Recomendado) Informe de experiencia del usuario de Chrome
- Información sobre PageSpeed
- Search Console (informe de Core Web Vitals)
- Biblioteca JavaScript de Web-vitals
Herramientas de laboratorio
Nota:
La herramienta WebPage Test de Google ya no es una herramienta recomendada por la industria.
Para más información sobre las diferencias entre Lighthouse y Core Web Vitals, consulte Comparación de 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 superan las tres métricas. Para saber cómo optimizar su sitio web, consulte Optimizar su sitio para Core Web Vitals.