Los Core Web Vitals son las tres métricas con las que Google resume la experiencia de carga de tu web. No son el factor de ranking más importante — pero sí de los pocos que puedes controlar al 100% desde el código. Y su efecto en conversión es inmediato.
Qué son los Core Web Vitals
LCP — Largest Contentful Paint
Cuánto tarda en pintarse el elemento más grande visible (normalmente la imagen o el titular del hero). Objetivo: menos de 2,5 segundos.
INP — Interaction to Next Paint
Cuánto tarda la página en responder cuando el usuario toca, hace clic o escribe. Objetivo: menos de 200 ms. Sustituyó al FID precisamente porque este era demasiado fácil de aprobar.
CLS — Cumulative Layout Shift
Cuánto salta el contenido mientras carga. Objetivo: menos de 0,1. Es la métrica del "iba a pulsar el botón y se movió".
Cómo medirlos
Datos de campo vs laboratorio
PageSpeed Insights muestra dos cosas distintas: arriba, datos de usuarios reales (CrUX, 28 días); abajo, una simulación de laboratorio. Google usa los primeros. Si el campo está en verde y el laboratorio en rojo, estás bien; al revés, tienes un problema real.
Ojo: tu sitio necesita tráfico suficiente para tener datos de campo. Si no aparecen, guíate por el laboratorio pero pon el foco en móvil con conexión lenta, que es donde vive tu peor usuario.
Cómo mejorar el LCP
Imágenes
- Sirve la imagen del hero en formato moderno (WebP/AVIF) y al tamaño real que se muestra.
- Márcala con fetchpriority="high" y nunca con lazy loading.
- El resto de imágenes, con loading="lazy".
Fuentes
Las webfonts bloquean el texto del hero. Precarga la fuente del titular, usa font-display: swap y define fallbacks con métricas parecidas para que el cambio no se note.
Cómo mejorar el INP
El enemigo casi siempre es JavaScript: scripts de terceros (chats, píxeles, heatmaps) y bundles enormes que bloquean el hilo principal. Audita qué scripts cargan en cada plantilla y pregunta por cada uno: ¿qué pasaría si lo quito? La respuesta suele ser "nada".
Cómo mejorar el CLS
- Declara width y height (o aspect-ratio) en todas las imágenes y vídeos.
- Reserva espacio para banners, embeds y anuncios antes de que carguen.
- No inyectes contenido por encima de lo que el usuario ya está leyendo.
¿Cuánto afectan al SEO?
Son un factor de desempate, no una varita mágica: con contenido mediocre no te salvarán. Pero en sectores competidos, con resultados muy igualados, la experiencia de página inclina la balanza — y la mejora de conversión la notas aunque Google no existiera.
Optimiza los Web Vitals para tus usuarios. Que Google los premie es el efecto secundario.
Checklist final
- LCP < 2,5 s con datos de campo en móvil.
- Imagen del hero optimizada, con prioridad alta y sin lazy load.
- Fuentes precargadas y con swap.
- Scripts de terceros auditados y reducidos al mínimo.
- Dimensiones declaradas en todo elemento que ocupe espacio.
¿Tu web está en rojo y no sabes por dónde empezar? Cuéntame tu caso y lo reviso.
Ayudo a negocios a convertir tráfico en clientes con SEO, contenido y código. Hablemos de tu proyecto.