Desarrollo webActualizado: Lectura: 6 minutos

Los Core Web Vitals son tres métricas con las que Google mide cómo de rápida, reactiva y estable resulta tu web para una persona real: LCP (cuánto tarda en verse lo principal), INP (cuánto tarda en responder cuando tocas algo) y CLS (cuánto se mueve el contenido mientras carga). Se miden gratis y casi siempre se mejoran con cambios concretos en imágenes, fuentes y scripts.
No hace falta saber programar para entenderlas. Sí conviene conocerlas, porque una web lenta pierde visitas antes de que lean una sola palabra.
¿Qué son los Core Web Vitals?
Son el conjunto de métricas de experiencia de usuario que Google considera esenciales. Forman parte de las señales de experiencia de página, junto con factores como que la web sea segura (HTTPS) y se vea bien en el móvil.
Importante: no sustituyen a un buen contenido. Un texto útil y relevante pesa más que unas décimas de segundo. Pero entre dos webs parecidas, la más rápida y estable tiene ventaja, y sobre todo convierte mejor: la gente no espera ni se frustra.
Las tres métricas, explicadas
LCP: cuánto tarda en aparecer lo principal
Largest Contentful Paint. Mide el tiempo hasta que se muestra el elemento más grande de la pantalla, normalmente la imagen principal o el titular.
- Bueno: 2,5 segundos o menos.
- Necesita mejorar: entre 2,5 y 4 segundos.
- Malo: más de 4 segundos.
INP: cuánto tarda en responder
Interaction to Next Paint. Mide la rapidez con la que la web reacciona cuando haces clic, tocas un menú o escribes en un formulario. Sustituyó a la antigua métrica FID.
- Bueno: 200 milisegundos o menos.
- Necesita mejorar: entre 200 y 500 milisegundos.
- Malo: más de 500 milisegundos.
CLS: cuánto se mueve el contenido
Cumulative Layout Shift. Mide los saltos visuales. Es esa molestia de ir a pulsar un botón y que se desplace porque acaba de cargar un anuncio o una imagen.
- Bueno: 0,1 o menos.
- Necesita mejorar: entre 0,1 y 0,25.
- Malo: más de 0,25.
Google evalúa estas cifras con datos de usuarios reales y se fija en el percentil 75: para aprobar, tres de cada cuatro visitas tienen que cumplir el umbral.
Cómo medir tu web gratis
- PageSpeed Insights (pagespeed.web.dev): escribe la dirección de una página y verás los datos de usuarios reales, si hay suficientes visitas, y un análisis con recomendaciones.
- Google Search Console: el informe de experiencia, dentro de «Core Web Vitals», agrupa las páginas de tu web por estado (buenas, a mejorar, malas) tanto en móvil como en ordenador.
- Lighthouse en Chrome: dentro de las herramientas para desarrolladores, ofrece una prueba controlada que sirve para comprobar si un cambio concreto mejora algo.
Mide siempre en móvil, que es donde la mayoría de las webs salen peor. Y recuerda que los datos de laboratorio (Lighthouse) y los de usuarios reales (PageSpeed y Search Console) pueden diferir: manda el segundo.
Qué cambiar primero para mejorarlos
| Métrica | Causa más habitual | Primer arreglo |
|---|---|---|
| LCP | Imagen principal demasiado pesada | Comprimirla y usar WebP o AVIF |
| INP | Scripts de terceros y plugins innecesarios | Eliminar o retrasar los que no aporten |
| CLS | Imágenes y banners sin espacio reservado | Indicar ancho y alto de cada elemento |
Detalle de cada una:
Para el LCP
- Comprime y redimensiona las imágenes, y usa formatos modernos como WebP o AVIF.
- No cargues en diferido (lazy loading) la imagen principal de la página: debe aparecer cuanto antes.
- Revisa el alojamiento: un servidor lento retrasa todo lo demás.
- Evita sliders y vídeos pesados en la cabecera.
Para el INP
- Elimina plugins y scripts que no aporten nada (chats, widgets, píxeles duplicados).
- Retrasa los scripts de terceros hasta que sean necesarios.
- Menos JavaScript es casi siempre mejor: por eso los sitios generados como páginas estáticas suelen ir muy bien.
Para el CLS
- Indica siempre el ancho y el alto de imágenes y vídeos para reservar su espacio.
- Reserva hueco para banners de cookies, anuncios y formularios incrustados.
- Carga las fuentes de forma que no cambien el diseño al aparecer.
¿Influye la tecnología de la web?
Mucho. Una web construida con un tema pesado y veinte plugins parte de una base lenta, mientras que una web ligera que entrega HTML ya generado lo tiene más fácil. Lo explicamos al comparar WordPress, Astro y desarrollo a medida. Aun así, ninguna tecnología garantiza buenos resultados: depende de cómo se construya y se mantenga, y por eso el mantenimiento web también cuenta.
Cuándo merece la pena arreglarlo y cuándo rehacer
Si los problemas son imágenes pesadas y algún plugin sobrante, se arregla en horas. Si la base técnica es lenta de raíz, a veces compensa más reconstruir: te contamos cuándo rehacer tu web y cuándo basta con mejorarla.
Conclusión
Mide tu web en PageSpeed Insights, anota las tres cifras y ataca primero lo más pesado: normalmente las imágenes. No hace falta obsesionarse con una puntuación perfecta, sino que la web cargue con rapidez, responda al instante y no se mueva.
En Find The Gap desarrollamos webs rápidas desde el principio y revisamos las existentes. Conoce nuestro servicio de desarrollo web o cuéntanos tu proyecto.

