Core Web Vitals

Nota: esta función no está incluida en tu configuración de Smoobu. La información que aparece a continuación se ofrece solo como referencia; contacta con el soporte de Smoobu si la necesitas.

Las Core Web Vitals de Google son métricas de experiencia que miden el rendimiento de un sitio y la calidad de la experiencia que ofrece a sus usuarios. Google las presentó en junio de 2021 como una mejora de sus métricas de experiencia de usuario, centradas en la velocidad de carga, la interactividad y la estabilidad visual.

Las 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).

Son importantes porque forman un conjunto común de métricas y valores de referencia que se usan en muchos servicios de Google y que influyen directamente en el posicionamiento en las búsquedas. Al medir y optimizar tu sitio para las Core Web Vitals, mejoras también la experiencia general de quienes lo visitan.

Las Core Vitals

CLS

El CLS mide la estabilidad visual del contenido de una página. Para ello suma todas las puntuaciones de los desplazamientos inesperados del diseño que se producen durante toda la vida de la página. Un desplazamiento del diseño ocurre cuando un elemento se mueve de su posición inicial porque otros recursos se cargan más tarde y empujan hacia abajo el contenido que hay debajo. Imagina que alguien está comprando en línea y, justo cuando va a hacer clic en el botón de añadir al carrito, se carga un anuncio encima del botón y lo desplaza hacia abajo. Por culpa de ese salto, la persona hace clic en el anuncio sin querer en lugar de en el botón. Un CLS bajo ayuda a que quienes visitan tu sitio tengan una buena experiencia y logren rápido lo que buscan.

FID

El FID mide el retraso en la interactividad y la capacidad de respuesta. Es el tiempo que pasa desde que alguien interactúa con tu contenido (al hacer clic en un enlace, tocar un botón o pulsar una tecla) hasta que el navegador procesa esa interacción. El FID solo cuenta ese retraso, no el tiempo que tarda en procesarse el evento ni en actualizarse la interfaz. El retraso suele producirse porque el navegador está ocupado cargando el resto del contenido de la página y aún no puede responder. Un FID bajo aumenta las probabilidades de que la persona se quede en la página e interactúe con tu contenido. Hoy en día, la mayoría de los sitios obtienen buenos resultados de FID.

Nota: el zoom y el desplazamiento no se tienen en cuenta para el FID.

LCP

El LCP mide cuánto tarda en cargarse el elemento visible más grande de la página, en relación con el momento en que empezó a cargarse. A medida que se cargan distintos elementos, el LCP puede cambiar. El navegador deja de medir el LCP en cuanto la persona empieza a interactuar con la página, ya que las interacciones suelen cambiar lo que se ve en pantalla. Una carga rápida transmite a quien visita la página que es útil, porque puede empezar a ver el contenido enseguida.

Estos son los elementos que pueden ser el LCP:

• <img>
• <image> dentro de un <svg>
• <video>
• Un 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

Nota: a medida que Google amplía sus Core Web Vitals, ha indicado que en el futuro podría incluir <svg> y <video> entre los elementos que se usan para medir el LCP.

INP

El INP se refiere a cómo responde la página a determinadas interacciones que forman parte de la métrica global de INP, medida con los datos de laboratorio y de campo de Google Chrome. El INP busca representar el retraso general de interacción de una página. Para ello parte de una muestra de las interacciones más largas que se producen cuando alguien 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 con el peor retraso de todas. La medición del INP representa cuánto tiene que esperar una persona para poder interactuar con toda la página. En esto contrasta directamente con el FID (First Input Delay).

El INP tiene en cuenta los siguientes tipos de interacción:

• Cualquier clic del ratón sobre un elemento interactivo.
• Cualquier toque sobre un elemento interactivo en un dispositivo con pantalla táctil.
• La pulsación de una tecla en un teclado físico o en pantalla.

La documentación de web.dev de Google explica que un buen valor de INP ronda los 200 milisegundos o menos.

Nota: el INP sustituyó al FID en marzo de 2024. Si recibes un aviso de Google sobre problemas de INP en tu sitio, revísalo y asegúrate de que sigue las mejores prácticas actuales (encontrarás información detallada sobre las mejores prácticas en «Core Web Vitals Best Practices»).

TTFB

El TTFB mide cuánto tiempo tarda el servidor en transferir el primer byte.

Desde hace tiempo se cree que el TTFB influye mucho en el rendimiento, así que los profesionales del SEO deberían priorizar su optimización dentro de su proceso de SEO.

Cómo evaluar las Core Web Vitals

Para medir las Core Web Vitals puedes usar datos de laboratorio o datos de campo. Los datos de laboratorio proceden de herramientas que simulan la carga y la interacción de una página. Los datos de campo proceden de las interacciones de usuarios reales con tu sitio. Es preferible usar métricas del mundo real, como el Real User Monitoring (RUM), en lugar de pruebas de laboratorio, ya que así optimizas tu sitio con más precisión. El conjunto de datos CRuX de Google sirve para medir tu sitio y es una buena opción, porque es el mismo que usa Google para medir las Core Web Vitals.

Tanto el CLS como el LCP se pueden medir en laboratorio o en campo. El FID solo se puede medir en campo, ya que hace falta que una persona real interactúe con el contenido. Te recomendamos encarecidamente que pruebes todas las páginas de tu sitio.

Puedes usar estas herramientas para medir las Core Web Vitals:

Herramientas de campo:

• Chrome User Experience Report (recomendada)
• PageSpeed Insights (solo si hay suficientes datos de CRuX; si no los hay, funciona como herramienta de laboratorio)
• Search Console (informe de Core Web Vitals)
• Biblioteca de JavaScript Web-vitals

Herramientas de laboratorio:

• Chrome DevTools / Lighthouse
• PageSpeed Insights

Nota: la herramienta WebPage Test de Google ya no está recomendada en el sector. Para conocer mejor las diferencias entre Lighthouse y las Core Web Vitals, consulta «Comparación entre Lighthouse y Core Web Vitals».

Puntuaciones ideales

Para que una página de tu sitio se considere aprobada, debe alcanzar todas estas métricas en el percentil 75:

• CLS: una puntuación de desplazamiento del diseño de 0.1 o menos
• FID: 0.1 segundos o menos
• LCP: 2.5 segundos o menos

Ahora mismo, solo el 20% de los sitios superan las tres métricas. Para aprender a optimizar tu sitio, consulta «Core Web Vitals Best Practices».