🎯 En resumen: Los Core Web Vitals son métricas de Google que evalúan la experiencia de usuario. Mejorarlos puede suponer subidas significativas en el ranking, más tiempo en página y mejores tasas de conversión.
¿Qué son los Core Web Vitals y por qué importan tanto?
En 2021, Google introdujo los Core Web Vitals como factor de posicionamiento oficial. Estas métricas miden aspectos concretos de la experiencia del usuario al cargar una página web: cuánto tarda en mostrarse el contenido principal, con qué rapidez responde a las interacciones y cuánto se desplazan los elementos visualmente.
En 2025, tras la introducción de INP en sustitución de FID, estas tres métricas son más importantes que nunca. Los sitios que las superan tienen una ventaja competitiva directa sobre los que no.
Las tres métricas clave explicadas
LCP — Largest Contentful Paint
El LCP mide cuánto tiempo tarda en renderizarse el elemento más grande visible en el viewport (normalmente una imagen hero o un titular). El objetivo es LCP inferior a 2,5 segundos.
Los principales culpables de un LCP lento son las imágenes sin optimizar, los recursos bloqueantes de render (CSS y JS no crítico) y un servidor lento o lejano.
INP — Interaction to Next Paint
Introducido en marzo de 2024 en sustitución de FID, el INP mide la latencia de todas las interacciones del usuario (clics, pulsaciones de teclas) durante toda la sesión. El objetivo es INP inferior a 200ms.
Un INP alto suele deberse a JavaScript pesado que bloquea el hilo principal del navegador.
CLS — Cumulative Layout Shift
El CLS mide cuánto se desplazan los elementos visibles de forma inesperada. Si un botón se mueve justo cuando vas a hacer clic, eso es CLS. El objetivo es CLS inferior a 0,1.
Cómo mejorar el LCP: las técnicas más efectivas
- Optimiza y comprime las imágenes: Convierte todas las imágenes a WebP o AVIF. Usa el atributo
loading="lazy"para las imágenes fuera del viewport, yfetchpriority="high"para la imagen hero. - Usa un CDN: Un Content Delivery Network acerca los recursos al usuario geográficamente. Para webs en España, elige CDNs con nodos en Europa.
- Elimina el render-blocking: Carga el CSS crítico inline y difiere el JavaScript no esencial.
- Mejora el hosting: Un servidor lento (TTFB superior a 800ms) lastra irremediablemente el LCP. El hosting compartido barato suele ser el cuello de botella.
- Preconecta a orígenes externos: Usa
<link rel="preconnect">para fuentes de Google, CDNs o APIs que uses.
Cómo mejorar el INP
- Divide las tareas largas de JavaScript: Cualquier tarea JS que dure más de 50ms es una "long task" que bloquea el hilo principal. Usa
setTimeoutoscheduler.postTask()para dividirlas. - Reduce el JavaScript de terceros: Analítica, chat, redes sociales... cada script de tercero añade latencia. Carga solo los imprescindibles y en diferido.
- Optimiza los event listeners: Los handlers de scroll o resize se ejecutan decenas de veces por segundo. Usa
debounceothrottle.
Cómo mejorar el CLS
- Define siempre las dimensiones de imágenes: Añade atributos
widthyheighta todos los elementos<img>para que el navegador reserve el espacio antes de cargar. - Evita insertar contenido sobre contenido existente: Los banners de cookies, anuncios y pop-ups que aparecen encima del contenido son los mayores causantes de CLS.
- Usa
font-display: swapcon precaución: Puede causar FOUT (Flash of Unstyled Text) que desplace el layout. Precargar las fuentes web es la mejor solución.
Herramientas para medir los Core Web Vitals
- PageSpeed Insights: La herramienta oficial de Google. Muestra datos de usuarios reales (field data) y datos del laboratorio (lab data).
- Google Search Console: El informe de "Experiencia de página" muestra cómo están tus Core Web Vitals en todas tus URLs.
- Chrome DevTools: La pestaña Performance te permite profiling detallado en tiempo real.
- WebPageTest: Pruebas avanzadas con filmstrip, waterfall y análisis detallado desde múltiples localizaciones.
💡 Prioridad: Empieza siempre por mejorar el LCP. Es la métrica con mayor impacto en el ranking y la percepción de velocidad. Con frecuencia, mejorar las imágenes y el hosting resuelve el 70% de los problemas de LCP.
Impacto real de los Core Web Vitals en el SEO
Google ha confirmado que los Core Web Vitals son un desempate cuando dos páginas tienen contenido de calidad similar. En mercados competidos como el de Barcelona para términos como "agencia SEO" o "diseño web", puede marcar la diferencia entre aparecer en posición 3 o posición 8.
Además, el impacto va más allá del SEO: los estudios muestran que cada segundo adicional de tiempo de carga reduce las conversiones entre un 7% y un 20%. Mejorar los Core Web Vitals es, a la vez, una inversión en SEO y en negocio.