¿Qué son Los Core Web Vitals?

Los Core Web Vitals, en pocas palabras se puede decir que son los tres parámetros dirigidos a la experiencia de usuario.

Estos tres parámetros van orientados a medir la velocidad de carga de la web, la interactividad y concretamente la estabilidad visual de la web.

Estos parámetros junto con otros tales como: la eliminación de las ventanas emergentes, la seguridad y la optimización a nivel mobile.

Todas ellas enfocadas para evaluar la experiencia de usuario.

La razón de estos tres parámetros es detectar por parte de Google, cuál será la primera impresión que tendrá el usuario al ver la página.

Según las estadísticas de Google las páginas que aplican esta metodología tienen un 24% de menos probabilidad de perder usuarios.

Es decir, en el proceso de carga de la web de ahí radica su importancia.

A continuación te explicaremos las características de estos tres parámetros principales que conforman Los Core Web Vitals:

Largest Contentful Paint (LCP).

Largest Contentful Paint, mide la percepción de velocidad que tiene una página. Es decir, la rapidez con la que los usuarios ven el contenido.

En el que influyen en este proceso: la respuesta del servidor y la carga de diferentes recursos web (JavaScript, CSS, imágenes entre otros).

El LCP debe de ocurrir dentro de un intervalo de 2,5 segundos posteriores cuando la página comienza a cargarse por primera vez.

O por un máximo de 4 segundos para evitar una puntuación negativa. Para proporcionar una buena experiencia de usuario.

First Input Delay (FID).

El First Input Delay, evalúa la capacidad de respuesta que tiene una página.

Es decir, el tiempo de respuesta a la primera acción que haga el usuario dentro de la misma.

Como por ejemplo: hacer un clic o presionar una tecla. El factor principal que influye es uso de JavaScript.

El FID debe de estar entre los rangos: tener menos de 100 milisegundos o un máximo de 300 milisegundos para evitar una puntuación desfavorable.

Cumulative Layout Shift (CLS).

El CLS es el parámetro que evalúa la estabilidad visual de una página.

En otras palabras, es cuánto tiempo el contenido sigue moviéndose a pesar de parecer que la página esté completamente cargada.

La puntuación del CLS se calcula multiplicando la cuota de pantalla que cambió inesperadamente al cargar, por la distancia recorrida.

Los factores que afectan al Cumulative Layout Shift son:

Atributos de tamaño de la imagen y videos.
La inserción de contenido nuevo por encima de la zona ya cargada.

¿Cómo se miden los Core Web Vitals?

La medición de Los Core Web Vitals, se pueden realizar a través de dos tipos de herramientas:

Las herramientas de campo.

Aportan los datos que provienen del comportamiento de los usuarios.

Esta medición es denominada RUM (Real User Monitoring) en el que recolecta los datos por vía de los usuarios que interactúan con la web.

Las herramientas de laboratorio.

En estos tipos de herramientas se trabaja en un ambiente cerrado, simulando las posibles acciones del usuario.

Entre algunas herramientas que se utilizan tanto en campo como en laboratorio son:

En todo caso, se debe de considerar que lo ideal es de utilizar herramientas de campo, ya que son datos aportados por los usuarios.

Principales problemas que influyen en los Core Web Vitals.

Entre los principales problemas que influyen en Los Core Web Vitals. De una publicación hecha por Brian Dean en el sitio web backlinko podemos destacar:

El 53,77% tenían una buena puntuación con respecto al Contentful Pain (LCP). Mientras que 46,23% obtuvieron una calificación pobre.
El 53,85% de los sitios web los conjuntos de datos presentaron una calificación óptima de First Input Delay (FID). Pese a que el 8,57% de los sitios tenían puntuación pobre.
El 65,13% de los sitios tuvieron buena calificación con respecto al parámetro Cumulative Layout Shift (CLS).

Toda esta investigación fue extraída de una muestra de 210.000 páginas web.