Core Web Vitals 2026: guía clara para no técnicos

Qué son los Core Web Vitals (sin jerga técnica)

Imagina que entras a una cafetería. Tres cosas marcan tu primera impresión:

1. Cuánto tardan en darte la carta tras sentarte.
2. Cuánto tarda el camarero en venir cuando le llamas.
3. Si la mesa está estable o se mueve cada vez que te apoyas.

Google mide exactamente lo mismo en tu web, pero con tres métricas que llama Core Web Vitals. Son factor de ranking confirmado desde 2021, lo que significa que webs con malas métricas aparecen más abajo en los resultados.

Esta guía las explica una a una sin tecnicismos, te dice qué umbrales son aceptables y qué hacer si fallas en alguna.

LCP — Largest Contentful Paint

Qué mide en cristiano: cuánto tarda en aparecer el elemento más grande del primer pantallazo de tu web. Normalmente es la imagen del hero o un bloque grande de texto.

Umbrales oficiales de Google:

• Bueno: menos de 2,5 segundos
• Mejorable: 2,5 a 4 segundos
• Malo: más de 4 segundos

Por qué importa: si tu LCP es malo, el visitante ve una pantalla blanca o medio renderizada durante varios segundos. Más del 50 % se va antes de ver nada.

Causas comunes de LCP malo:

• Imagen hero pesada sin optimizar (JPG de 2 MB cuando debería ser WebP de 200 KB)
• Fuentes web que bloquean el renderizado del texto principal
• JavaScript pesado cargando antes del contenido
• TTFB alto: servidor lento

Cómo arreglarlo:

1. Optimiza la imagen hero. Conviértela a WebP, baja peso bajo 250 KB.
2. Añade loading="eager" y fetchpriority="high" a la imagen hero (las demás van con lazy).
3. Precarga la imagen hero: <link rel="preload" as="image" href="...">.
4. Las fuentes web cárgalas con font-display: swap y precárgalas con <link rel="preload">.
5. Si tu TTFB > 600 ms, el problema es el hosting (cambia o mejora caché).

INP — Interaction to Next Paint

Qué mide en cristiano: cuánto tarda tu web en responder cuando alguien hace clic, pulsa una tecla o toca un botón táctil. Reemplazó al FID (First Input Delay) en marzo de 2024.

Umbrales:

• Bueno: menos de 200 ms
• Mejorable: 200 a 500 ms
• Malo: más de 500 ms

Por qué importa: una web que tarda 1 segundo en abrir un menú o responder al pulsar “Comprar” da sensación de “rota”. El usuario clica dos veces, se queja, se va.

Causas comunes:

• JavaScript pesado bloqueando el thread principal del navegador
• Event listeners (escuchadores de clic) mal optimizados
• Carga simultánea de muchos scripts de terceros (chat, píxel, analytics, mapas)
• Embeds de YouTube o Maps sin lazy loading

Cómo arreglarlo:

1. Audita el peso de JavaScript total. Más de 300 KB ya es excesivo para móvil.
2. Carga scripts de terceros con async o defer.
3. El chat (Tawk, Crisp) cárgalo solo tras una interacción del usuario o con delay de 3 segundos.
4. Usa la pestaña “Performance” de DevTools de Chrome para ver qué función está bloqueando el thread.

CLS — Cumulative Layout Shift

Qué mide en cristiano: cuánto se mueve el contenido al cargar. Si un banner aparece encima del párrafo que estás leyendo y te hace clicar sin querer en un anuncio, eso es CLS alto.

Umbrales:

• Bueno: menos de 0,1
• Mejorable: 0,1 a 0,25
• Malo: más de 0,25

Por qué importa: es la métrica más fácil de arreglar y la que más sensación de “calidad” da. Una web con CLS alto se siente amateur, una con CLS bajo se siente profesional.

Causas comunes:

• Imágenes sin atributos width y height (Google no sabe qué espacio reservar)
• Fuentes web que cambian de tamaño al cargar (FOUT: Flash of Unstyled Text)
• Anuncios que aparecen tarde y empujan el contenido
• Embeds de YouTube, Twitter, Instagram sin espacio reservado
• Banners de cookies que aparecen tras 200 ms

Cómo arreglarlo:

1. Pon width y height a TODAS las imágenes. Incluso CSS con aspect-ratio lo soluciona.
2. Reserva espacio para embeds con CSS: min-height: 400px.
3. Banners de cookies: que aparezcan fijos en la parte inferior, no empujen contenido.
4. Anuncios: contenedores con altura mínima reservada.

CLS suele ser el más sencillo de mejorar: en media tarde puedes pasar de 0,3 a 0,05.

Cómo medir tus Core Web Vitals reales

Tres maneras de hacerlo:

1. Google Search Console: Sección “Experiencia” → “Core Web Vitals”. Te muestra el estado real de tus usuarios reales en los últimos 28 días. Es lo que Google usa para rankear. Solo aparece si tu web tiene tráfico suficiente para tener datos de campo (CrUX).

2. PageSpeed Insights: pagespeed.web.dev. Te da datos de campo (si los hay) y de laboratorio (siempre). Análisis en cualquier URL pública.

3. Test de Velocidad Web (IMPERO): nuestra herramienta gratuita lanza el análisis en paralelo móvil + escritorio, traduce el resultado a impacto económico estimado y te indica top 3 acciones priorizadas.

Qué Core Web Vital es más importante para mi negocio

Depende del tipo de web:

• Ecommerce y servicios B2C: LCP es crítico. Si tarda 4 segundos en ver el producto, el 50 % se va.
• B2B y servicios profesionales: CLS importa más. Las visitas son menos pero más cualificadas, la sensación de profesionalidad pesa.
• Aplicaciones interactivas (SaaS, herramientas): INP es lo más importante. Si la app se siente lenta al usarla, churn altísimo.
• Blog y contenido editorial: LCP y CLS son ambos importantes. INP suele ser bueno por defecto.

Cuánto tarda en notarse una mejora en Google

Esta es la pregunta del millón. La respuesta honesta:

• Search Console actualiza Core Web Vitals cada 28 días aproximadamente (basado en datos de campo CrUX acumulados).
• El impacto en ranking se mide en 4-8 semanas desde que tus métricas pasan a “buenas”.
• El impacto en conversión es inmediato: lo notas en GA4 desde el primer día.

No esperes que arreglar el LCP el lunes te dé top 1 el viernes. Pero arreglarlo significa que en 2 meses Google empieza a tratarte mejor, y los usuarios desde el día 1.

Siguientes pasos

• Si quieres entender el contexto completo, lee la guía completa de auditoría web.
• Mide tus Core Web Vitals reales con nuestro Test de Velocidad Web.
• Profundiza en cómo auditar la velocidad paso a paso en Cómo auditar la velocidad de tu web.
• Si la velocidad te está costando clicks de Google Ads, lee Por qué Google te cobra más por cada clic.

Aplicable a estos sectores

Esta guía aplica especialmente a estos sectores donde trabajamos:

• Clínicas dentales y estéticas
• Restaurantes y hostelería
• Inmobiliarias
• Reformas integrales
• Piscinas y wellness