Qué son los Core Web Vitals (y por qué te afectan)
Los Core Web Vitals son tres métricas de rendimiento web que Google usa para evaluar la experiencia de usuario de una página. No son un capricho técnico: son la forma que tiene Google de asegurarse de que las webs que posiciona en las primeras posiciones no frustran a los usuarios.
Afectan a cualquier web, sea un blog personal, una tienda online, la página de un autónomo o la web de una pyme. Si tienes presencia digital y quieres que Google te encuentre, estas métricas son parte del juego.
Las tres métricas son:
- LCP (Largest Contentful Paint): el tiempo que tarda en cargarse el elemento visual más grande de la página (imagen principal, titular grande, hero…).
- INP (Interaction to Next Paint): cómo de rápido responde la página cuando el usuario hace clic o pulsa algo. Sustituyó al FID en 2024.
- CLS (Cumulative Layout Shift): cuánto se mueve el contenido de forma inesperada mientras carga. Esos botones que saltan antes de que puedas pulsar, o el texto que se desplaza solo.
📊 Los umbrales de Google: para que tu web se considere "buena", el LCP debe ser inferior a 2,5 segundos, el INP inferior a 200 ms y el CLS inferior a 0,1. Si superas estos valores en la mayoría de tus visitas, estás dejando posiciones sobre la mesa.
Cómo medir tus Core Web Vitals
Antes de ponerte a optimizar, necesitas saber dónde estás. Hay varias herramientas gratuitas que te dan los datos en minutos.
Google Search Console
Si ya tienes Google Search Console configurado en tu web (y si no lo tienes, es lo primero que debes hacer), encontrarás un apartado específico de "Experiencia de página" y dentro, "Métricas web principales". Aquí verás tus URLs divididas en "Deficientes", "Necesita mejorar" y "Buenas", tanto para móvil como para escritorio.
La ventaja de Search Console es que usa datos reales de usuarios que visitan tu web (datos de campo), no simulaciones. Eso lo hace más fiable que cualquier herramienta de test puntual.
PageSpeed Insights
Entra en pagespeed.web.dev, pega la URL de tu web y obtendrás un análisis completo en segundos. Te muestra tanto datos reales (si existen) como datos de laboratorio, junto con recomendaciones concretas de mejora ordenadas por impacto. Es la herramienta más directa para empezar.
Lighthouse (en Chrome)
Si sabes abrir las herramientas de desarrollador de Chrome (F12), puedes ejecutar un análisis Lighthouse directamente en tu navegador. Es útil para tests rápidos en local o en páginas que aún no están publicadas.
Cómo mejorar el LCP (velocidad de carga del elemento principal)
El LCP suele ser el problema más común y el que más impacto tiene. Las causas más frecuentes son imágenes demasiado pesadas, un hosting lento o demasiados recursos que bloquean el renderizado.
Optimiza tus imágenes
Es el cambio con más impacto y menos complicación técnica. Convierte tus imágenes al formato WebP (mucho más ligero que JPG o PNG sin pérdida visible de calidad) y asegúrate de que no estás subiendo una imagen de 3.000 píxeles de ancho cuando se muestra a 800. Herramientas como Squoosh (gratuita, de Google) o TinyPNG hacen el trabajo en segundos.
Además, añade el atributo loading="eager" a la imagen principal de tu página y loading="lazy" al resto. Así el navegador prioriza lo que el usuario verá primero.
Mejora tu hosting
Si tu web está en un hosting compartido barato, eso tiene un límite. El tiempo de respuesta del servidor (TTFB) afecta directamente al LCP. No hace falta pasarse a un servidor dedicado: un hosting de calidad media como SiteGround, Hostinger Business o Cloudways marca una diferencia notable respecto a opciones de 2€ al mes.
Activa la caché y un CDN
Si tienes WordPress, plugins como WP Rocket o LiteSpeed Cache gestionan la caché automáticamente. Un CDN como Cloudflare (tiene plan gratuito) sirve tu web desde servidores más cercanos al usuario, reduciendo la latencia.
💡 Consejo rápido: si tu web tarda más de 3 segundos en cargar en móvil, estás perdiendo visitas antes de que el usuario vea una sola línea de tu contenido. El 53% de los usuarios abandona una página móvil si tarda más de 3 segundos. No es opinión, es dato de Google.
Cómo mejorar el CLS (estabilidad visual)
El CLS alto suele venir de imágenes sin dimensiones definidas, anuncios que cargan tarde o fuentes web que cambian el tamaño del texto al cargarse. La solución en la mayoría de los casos es sencilla.
Define siempre el ancho y alto de tus imágenes
Cuando el navegador no sabe cuánto espacio va a ocupar una imagen, deja un espacio vacío y luego "empuja" el contenido cuando carga. La solución es añadir los atributos width y height a todas tus etiquetas <img>. Parece pequeño pero elimina gran parte del CLS en la mayoría de webs.
Reserva espacio para los anuncios y embeds
Si tienes anuncios de Google AdSense o embeds de redes sociales, usa contenedores con altura mínima definida para que el layout no salte cuando cargan.
Usa font-display: swap en tus fuentes
Las fuentes web personalizadas (Google Fonts, Typekit) pueden causar un "flash" de texto que desplaza el contenido. Añadir font-display: swap en tu CSS le dice al navegador que muestre primero la fuente del sistema y luego haga el cambio, evitando el salto de layout.
Cómo mejorar el INP (respuesta a la interacción)
El INP es la métrica más técnica de las tres y la que más cuesta mejorar sin tocar código. Mide el tiempo que tarda la página en responder visualmente después de que el usuario hace clic, pulsa una tecla o toca la pantalla.
Los culpables habituales son JavaScript pesado que bloquea el hilo principal, plugins mal optimizados o demasiados scripts de terceros (analytics, chat, mapas, píxeles de seguimiento). Algunas acciones concretas:
- Audita qué scripts de terceros tienes instalados y elimina los que no uses activamente. Cada script añade tiempo de procesamiento.
- Carga los scripts no críticos de forma diferida con el atributo
deferoasync. - En WordPress, usa un plugin de optimización que permita cargar JavaScript solo en las páginas donde se necesita.
- Considera eliminar plugins de WordPress que no sean imprescindibles: cada uno añade código que el navegador tiene que procesar.
Prioriza móvil: Google indexa primero la versión móvil
Desde 2023, Google usa Mobile First Indexing de forma universal. Eso significa que la versión que Google rastrea, indexa y evalúa —incluyendo los Core Web Vitals— es la versión móvil de tu web, no la de escritorio.
Por tanto, aunque en escritorio todo funcione perfecto, si en móvil el LCP supera los 4 segundos o el CLS es alto, tus posiciones van a sufrir. Revisa siempre PageSpeed Insights en la pestaña de móvil, no solo en escritorio. La diferencia suele ser significativa.
Cuánto influyen realmente los Core Web Vitals en el SEO
Aquí hay que ser honesta: los Core Web Vitals son un factor de ranking, pero no el único ni el más importante. El contenido relevante, los enlaces de calidad y la autoridad del dominio siguen siendo determinantes. Sin embargo, los Core Web Vitals actúan como un desempate: si dos páginas compiten por la misma posición con contenido similar, la que tiene mejor experiencia de usuario gana.
Además, más allá del SEO, una web rápida convierte mejor. Los usuarios abandonan menos, navegan más páginas y completan más acciones (formularios, compras, solicitudes de contacto). La optimización de Core Web Vitals no es solo para gustarle a Google: es para que tu web funcione mejor para las personas reales que llegan a ella.
Si tienes una web pequeña y no puedes permitirte un desarrollador, empieza por lo básico: optimiza las imágenes, activa un plugin de caché y revisa que tu hosting no sea el cuello de botella. Con esos tres cambios ya eliminas la mayoría de problemas en el 80% de los casos.