¿Qué son las Core Web Vitals?

Las Core Web Vitals o métricas esenciales web es una iniciativa de Google que permite establecer una guía de buenas prácticas en cuanto a las señales de calidad de una página  web que son esenciales para ofrecer una buena experiencia a los usuarios.

Estas métricas se encuentran divididas en 3 subconjuntos:

• FCP y LCP: siglas en inglés de First Contenful Paint y Largest Contentful Paint. Ambas hacen referencia a la velocidad de carga de la página. La primera pone el foco en el tiempo que tarda nuestra web en realizar la primera visualización del contenido y la segunda en el tiempo que tarda la página en realizar la carga de la completa. El FCP de tu página debe ser inferior a 1.8 segundos y el LCP debe estar por debajo de 2.5.

   

• FID: siglas de First Input Delay. Relacionada con el tiempo que requiere tu página para ofrecer interacciones al usuario. Para superar con nota esta métrica, tu página debe ofrecer la posibilidad de hacer clic en un botón, mover el scroll y otras interacciones en menos de 100 milisegundos.

   

• CLS: siglas de Cumulative Layout Shift. Hace referencia a la estabilidad visual del sitio. 

Esta métrica se entiende mejor con un ejemplo. Seguramente navegando en algún sitio web te has encontrado con alguna opción que está muy cercana a otra y que al intentar hacer clic el botón en el que querías pulsar se mueve provocando que hagas clic en otra opción que no deseas visitar. Pues bien, esta métrica pretende medir este tipo de situaciones. Para Google, una página con un buen CLS es una página que tiene menos de 0,1 puntuación en este aspecto.

Hablemos ahora de cómo vamos a medir las Core Web Vitals.

Para medir las Core Web Vitals vamos a emplear 3 herramientas que actualmente ofrecen la mayor fiabilidad en estos aspectos.

• PageSpeed Insights: La herramienta oficial de Google que ofrece de una forma desglosada por subconjunto todos los datos que necesitas saber para interpretar qué aspectos ofrecen las métricas adecuadas de tu página y cuáles debes corregir.

   

• GTmetrix es la segunda opción que te recomiendo. Te ofrece información detallada tanto de las Core Web Vitals como del rendimiento y la estructura de tu sitio web. Ofrece gratuitamente la posibilidad de analizar una página desde una ubicación y navegador. No te ofrece métricas de métricas en dispositivos móviles salvo que dispongas de un plan de pago y por ese motivo ocupa el segundo lugar en nuestro ranking.

   

• WebPageTest.org: se trata de una opción muy interesante la cual te ofrece amplia información sobre tu sitio y no sólo en cuanto a las Core Web Vitals sino que también te informa del número de llamadas que realiza tu página y el peso que esta tiene ofreciéndote la información en cascada para que puedas tener una gráfica visual de lo que supone cada elemento de tu página.

Nuestro objetivo:

Google establece que tu sitio web debe superar en un 70% de media los subconjuntos que componen las Core Web Vitals. Nosotros vamos a ser muy ambiciosos y vamos a perseguir una cifra que oscile entre el 95 y el 100% de optimización. 

Y lo vamos a conseguir. Porque Google no tiene reparos en hacer público que una buena puntuación en las Core Web Vitals es, desde el verano de 2021 un factor de ranking. Es decir, influye directamente en la posición que ocupa tu página en una SERP.

Bueno, ya que hemos conocido lo que son las Core Web Vitals y la importancia que tienen para el SEO de nuestra web, vamos a ver cómo vamos a mejorar la puntuación de estas en cada página de nuestro sitio.