Core Web Vitals: qué son y por qué afectan al ranking de tu web en Google

Qué son y por qué Google los usa para rankear

Los Core Web Vitals (CWV) son tres métricas que intentan capturar cómo se siente tu web para un usuario real.

Google los introdujo en 2021 como parte del "page experience update": ahora, además de la relevancia del contenido y la autoridad del dominio, cómo de bien funciona tu web técnicamente también pesa en el ranking. No es el factor número uno, pero ante igualdad de calidad de contenido, una web rápida posiciona mejor que una lenta.

Los tres CWV miden tres aspectos distintos de la experiencia:

• LCP (Largest Contentful Paint): cuánto tarda en aparecer el contenido principal.
• INP (Interaction to Next Paint): cuánto tarda tu web en responder cuando el usuario hace clic o toca algo.
• CLS (Cumulative Layout Shift): cuánto se mueven los elementos visuales mientras la página carga.

LCP: que el contenido principal aparezca rápido

Si el visitante mira durante 4 segundos una pantalla en blanco antes de ver tu título y tu imagen principal, ya has perdido la mitad de la batalla.

LCP mide cuánto tarda en pintarse el elemento más grande visible en la parte superior de tu web. Normalmente es el H1 + imagen hero, o el bloque de portada de tu home.

Los umbrales que Google considera aceptables son:

• Bueno: menos de 2,5 segundos.
• Mejorable: entre 2,5 y 4 segundos.
• Malo: más de 4 segundos.

Las causas habituales de un LCP malo: imágenes hero sin optimizar (subir un JPEG de 4 MB cuando podría ser un WebP de 100 KB), servidor lento, JavaScript bloqueando el render, hosting compartido sobrecargado.

Lo más rentable suele ser: comprimir las imágenes de portada, usar formatos modernos (WebP, AVIF), añadir preload a la imagen principal, y servir desde CDN.

INP: que la web responda cuando el usuario interactúa

Esta métrica sustituyó al antiguo FID en marzo de 2024 y mide algo más estricto.

INP captura el retraso desde que el usuario hace algo (clic, toque, escribir) hasta que la web actualiza visualmente para mostrar la respuesta. Si haces clic en un menú y tarda 600ms en abrir, tu INP es malo.

Umbrales:

• Bueno: menos de 200 ms.
• Mejorable: entre 200 y 500 ms.
• Malo: más de 500 ms.

Causas habituales: demasiado JavaScript ejecutándose en el hilo principal del navegador (scripts de analytics, chats de soporte, embeds pesados), librerías que hacen mucho trabajo en cada interacción, o frameworks mal optimizados.

Soluciones: cargar JavaScript de forma diferida (lazy loading), eliminar scripts que no se usan, mover trabajo pesado a Web Workers, y usar técnicas como hidratación incremental si tu web es una SPA o usa SSR.

CLS: que los elementos no salten mientras carga

Lo has sufrido: vas a hacer clic en un botón y de repente carga un banner que empuja todo y haces clic donde no querías. Eso es un CLS malo.

CLS mide cuánto se mueven los elementos visuales de tu web mientras carga. Un CLS bajo significa que lo que ves es estable: nada salta de sitio.

Umbrales:

• Bueno: menos de 0,1.
• Mejorable: entre 0,1 y 0,25.
• Malo: más de 0,25.

Causas más comunes: imágenes sin ancho/alto declarado (el navegador no sabe cuánto espacio reservar y cuando cargan empujan), banners de cookies que aparecen tarde y desplazan contenido, fuentes web que se cargan tras el primer render y cambian el tamaño del texto, anuncios o widgets dinámicos sin altura reservada.

Soluciones: poner width y height en todas las imágenes, reservar espacio para banners y widgets, usar font-display: swap bien configurado para fuentes web.

Cómo verlos tú mismo

No necesitas pagar herramientas. Google te da datos gratis sobre tu propia web.

Las dos herramientas que tienes que conocer:

PageSpeed Insights (pagespeed.web.dev). Pegas la URL y te da un análisis al momento: puntuación de 0 a 100, los tres CWV con sus valores y un listado priorizado de cosas que mejorar. Te ofrece dos vistas: datos de laboratorio (test sintético) y datos reales de usuarios (cuando hay suficiente tráfico para que Google los recoja).

Google Search Console tiene una sección de "Experiencia → Core Web Vitals" donde ves cuántas URLs de tu web tienen CWV buenos/regulares/malos, agrupadas por tipo de problema. Es la vista que te dice cómo estás en general, no solo en una URL.

Qué afecta realmente al ranking

Hay matices importantes para entender el peso real de los CWV.

Google ha dicho varias veces que los CWV son un factor más, no el principal. La relevancia del contenido sigue mandando. Pero ante contenido similar entre tu web y otra, los CWV pueden ser el desempate.

Además, una web rápida convierte más, independientemente del SEO. Cada segundo extra de carga en móvil reduce la tasa de conversión un 7-20% según el sector. Así que optimizar CWV no es solo por Google: es por tu propio negocio.

En Just Quality desarrollamos webs optimizadas para Core Web Vitals de serie: imágenes WebP con dimensiones declaradas, JavaScript lazy, SSR con hidratación incremental, fonts self-hosted con font-display swap. Si tu web actual rinde mal en PageSpeed, te ayudamos a entender por qué y a arreglarlo.

Lecturas relacionadas

---

Las claves de una buena página web en Granada en 2020

Migrar de WordPress a desarrollo a medida: cuándo merece la pena

Cómo elegir agencia de desarrollo web sin estar en su misma ciudad