Saltar al contenido

Core Web Vitals sin tecnicismos: qué son y cómo mejorarlos

Actualizado: Lectura: 6 minutos

Dial dorado de precisión junto a formas geométricas de latón y mármol sobre piedra oscura

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

Umbrales de los Core Web Vitals: LCP bueno hasta 2,5 segundos, INP hasta 200 milisegundos y CLS hasta 0,1LCP · Velocidad de cargaCuánto tarda en verse lo principalBueno≤ 2,5 sMejorable2,5 – 4 sMalo> 4 sINP · RespuestaCuánto tarda en reaccionar a un clic o toqueBueno≤ 200 msMejorable200 – 500 msMalo> 500 msCLS · Estabilidad visualCuánto se mueve el contenido al cargarBueno≤ 0,1Mejorable0,1 – 0,25Malo> 0,25
Los tres umbrales de Google, de un vistazo.

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

  1. 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.
  2. 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.
  3. 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.

Pide una revisión de tu web

¿Hablamos?

Si quieres resultados, hay que hacer las cosas con sentido

Estrategia, diseño y desarrollo tienen que trabajar juntos. Te ayudamos a plantearlo bien desde el principio.

Política de Privacidad