SEO: Core Web Vitals y cómo analizarlas para crear metodologías de trabajo
Page Experience es la experiencia en la página, hace referencia a cómo perciben los usuarios su interacción con una página web. Hasta 2021 estaba compuesto por tres señales; que el site estuviera optimizado para móviles, que tuviera configurado el protocolo https garantizando una navegación segura, y que no hubiera daños intrusivos que perjudicaran la accesibilidad del contenido. Pero en 2021 Google incluyó tres nuevas métricas, las Core Web Vitals.
¿Qué son las Core Web Vitals?
Son la transición natural que ha establecido Google para la experiencia del usuario, detallando qué aspectos de la web son importantes para mejorar la experiencia de usuario. Hay tres métricas principales (apoyadas en secundarias): LCP, CLS, y FID.
LCP (Largest Contentful Paint)
Mide el tiempo de carga del elemento más pesado de la web. El valor óptimo recomendado por Google es cargar el elemento más grande en menos de 2,5 segundos.
Para mejorar esta métrica, una de las principales acciones que podemos realizar es añadir una etiqueta preload a la imagen de cabecera, que suele ser el elemento más grande. Además, hay otros elementos como las hojas de estilo y los fragmentos del código de java script, que muchas veces se utilizan para controlar el renderizado de los elementos visuales. Y, por otra parte, están los priority hills, que indican al navegador la prioridad relativa de un elemento con respecto al resto de elementos, para que aparezca antes. Además, otras acciones que repercuten positivamente son: optimizar la caché, simplificar el número de elementos del lay out, postponer la carga de elementos no críticos…
CLS (Cumulative Layout Shift)
Mide la estabilidad visual, indica todos los cambios de diseño que ocurren mientras se carga la página. La publicidad suele generar cambios de diseño inesperados.
El índice CLS que tiene que tener nuestra página para que Google la considere como buena debe estar por debajo de 0,1. Esta puntuación es la suma de todos los cambios que se producen; qué objetos se mueven, cuánto se mueven y cuántos se mueven.
Las acciones recomendadas para optimizar esto son: reservar el espacio de los elementos mediante contenedores, deals, CSS o relaciones de aspecto. Además de no insertar contenido por encima del actual.
FID (First Input Delay)
Es el tiempo que tarda la web en estar operativa ante una interacción del usuario. Depende de las condiciones de navegación del usuario, por lo que puede variar mucho. Al requerir interacción del usuario, no se puede simular en pruebas de laboratorio.
El FID óptimo que recomienda Google es estar por debajo de los 100 milisegundos de latencia máxima entre que el usuario realiza la interacción y percibe que se ha puesto en marcha algo. Por encima de 300 milisegundos la experiencia es pobre.
¿Qué hacer para mejorar el FID? Puedes reducir el recurso Java Script (peso, tiempo de ejecución…) o reducir otros recursos como CSS, fuentes o imágenes.

Responsiveness y Smoothness
Estas son las dos nuevas métricas de Core Web Vitals que ha anunciado Google. Responsiveness es la capacidad de respuesta que tiene el sitio web, y Smoothness está centrado en la suavidad de las animaciones, Google quiere que las animaciones sean fluidas y eficientes.
¿Cómo funciona el percentil en Core Web Vitals?
Estas métricas corresponden a datos de campo agregados de los usuarios que han accedido a la web en un periodo de 28 días, se recopilan segmentados por dispositivo. Google calcula cada una de estas métricas englobando al 75% de las visitas, porque quería elegir un percentil que cumpliera dos criterios: asegurar que la mayor parte de las visitas que acceden a una web experimenten una buena experiencia de usuario, y que este percentil no se viera afectado por valores atípicos.
Medición Core Web Vitals
Hay dos grandes bloques para medirlas: datos de laboratorio (simulados en un ambiente controlado) y datos de campo (usuarios reales). Ambos datos van a servir, pero para medir el impacto de una acción en concreto, utilizaremos los datos de laboratorio. Hay herramientas y extensiones que nos pueden ayudar y decir si tenemos buenos valores o no en Core Web Vitals. En estudios de laboratorio; Google Lighthouse o extensiones de Chrome como Tools. Y a efectos de comparar métricas de campo, hay mucha información en Google Search Console.

¿Qué hacer para priorizar las acciones y crear una metodología de trabajo?
Lo primero sería ver cuál es la métrica que reporta mayores problemas para empezar a profundizar en el análisis. Después tendríamos que analizar el tráfico por dispositivo y utilizar la información de Google Analitics. Tras realizar el análisis se pueden priorizar las acciones y optimizar.
Además, es fundamental monitorizar si las implementaciones surten efecto y vamos mejorando las Core Web Vitals. Para ello se puede generar un Data Studio que se actualice de forma periódica como Screaming Frog, exportar las métricas y monitorizarlas, esto es fundamental porque la suma de las acciones no siempre va a traer mejora, pueden entrar en conflicto.
En definitiva, tener en cuenta lo comentado sobre las Core Web Vitals para crear metodologías de trabajo es fundamental para realizar un buen posicionamiento SEO y mejorar la experiencia del usuario en nuestra web.