Artículo · Performance · Directivos

Core Web Vitals para directivos: qué son, por qué importan y cuánto cuesta arreglarlos.

Llevamos años oyendo "LCP", "INP", "CLS" como si fueran productos de supermercado que cualquiera entiende. Si diriges una empresa y quieres saber qué decide Google al ponerte arriba o abajo sin meterte en jerga técnica, este artículo es la traducción.

Monitor mostrando métricas de Core Web Vitals con LCP, INP y CLS en panel de performance
Core Web Vitals son tres números que Google usa para decidir (entre otras cosas) qué web sale primero en una búsqueda. Y los mide en el móvil de tus usuarios reales, no en un test de laboratorio.

¿Qué son Core Web Vitals en una frase?

Tres números que miden si tu web se siente rápida, estable y responsiva en el teléfono de tu usuario. Google los usa en su algoritmo desde 2021 y los actualiza cada cierto tiempo. Estar "en verde" en los tres pesa en el posicionamiento, sobre todo en búsquedas competidas.

Los tres números son LCP, INP y CLS. En 2024 Google cambió FID por INP; si tu agencia todavía te habla de FID, está desfasada.

1. LCP — Largest Contentful Paint (cuánto tarda en aparecer lo importante)

LCP mide cuánto tarda en cargar el elemento visualmente más grande en la pantalla cuando tu cliente abre la página. En móvil suele ser la foto del hero o el título principal.

Traducido: si tu cliente toca tu anuncio de Google Ads y la foto de cabecera tarda 4 segundos en aparecer, abandona. Y Google lo sabe porque lo mide en usuarios reales.

Umbrales Google:

  • Bueno: < 2.5 segundos
  • Regular: entre 2.5 y 4 segundos
  • Malo: > 4 segundos

2. INP — Interaction to Next Paint (cuánto tarda en responder cuando tocas)

INP mide cuánto tarda la web en reaccionar cuando el usuario toca un botón, abre un menú o rellena un campo. Es la sensación de "parece congelada" cuando pulsas algo y no pasa nada.

Traducido: ese momento de "toco añadir al carrito y no pasa nada durante medio segundo". Lo mide Google en interacciones reales de usuarios reales, no en tests automatizados.

Umbrales Google:

  • Bueno: < 200 milisegundos
  • Regular: entre 200 y 500 ms
  • Malo: > 500 ms

3. CLS — Cumulative Layout Shift (cuánto "baila" el diseño al cargar)

CLS mide cuánto se mueve el contenido mientras carga. Has ido a tocar un botón, aparece un banner de cookies arriba, todo se mueve, acabas pulsando otra cosa. Clásico.

Traducido: frustración pura del usuario. Google lo penaliza porque considera que una web que "baila" es mala experiencia.

Umbrales Google:

  • Bueno: < 0.1 (casi imperceptible)
  • Regular: entre 0.1 y 0.25
  • Malo: > 0.25 (visiblemente incómodo)
Timeline de carga de una página web y cuándo se miden LCP, INP y CLS En el momento cero comienza la descarga de la página. Entre 0 y 2.5 segundos idealmente aparece el elemento más grande visualmente, que marca el LCP. CLS se mide durante toda la carga y puede producirse en cualquier momento si el layout se reorganiza. INP se mide cuando el usuario interactúa con la página tocando un botón o abriendo un menú; la web debería responder en menos de 200 milisegundos. TIMELINE DE CARGA · DÓNDE ENCAJA CADA MÉTRICA 0 s 1 s 2.5 s 4 s LCP aparece lo importante INP usuario toca algo CLS se mide durante toda la carga (layout que baila)
LCP es un punto concreto en el tiempo, INP ocurre en cada interacción y CLS se mide como acumulado durante toda la carga.

¿Cuánto dinero cuesta tener Core Web Vitals en rojo?

Google no publica cifras exactas de cuánto penaliza, pero hay datos públicos que relacionan mejoras de CWV con subidas de conversión y posiciones:

Qué mejora Efecto típico observado
LCP de 4s → 2s +8 a +20% conversión según sector
INP de 500ms → 150ms Bounce rate baja 5-10 puntos
CLS de 0.25 → <0.1 Rate de "errores al clicar" desaparece
Los 3 en verde en mobile Boost SEO observable en búsquedas competidas

Atención: estas cifras NO son deterministas. Si tu nicho es poco competido o tu producto es único, CWV impacta menos. Si compites en búsquedas con 20 competidores ofreciendo lo mismo, CWV puede ser la diferencia entre puesto 3 y puesto 12.

Qué suele empeorar Core Web Vitals (los culpables habituales)

  • Imágenes pesadas sin optimizar — el hero JPG de 800 KB destroza LCP en móvil 4G.
  • Plugins de WordPress que inyectan JS síncrono en el head — empeoran INP porque bloquean el hilo principal.
  • Anuncios o embeds de terceros sin dimensiones reservadas — CLS por las nubes cuando cargan con retraso.
  • Fuentes web cargadas sin font-display: swap — el texto aparece de golpe y provoca CLS.
  • JavaScript masivo sin splitting — 2 MB de JS bloquean LCP e INP a la vez.
  • Hosting lento — un TTFB de 1.5s sobre el que no se puede mejorar nada en el front.

¿Cuánto cuesta arreglarlo?

Depende de cuán roto esté y cuán rehabilitable sea el stack actual. Rangos orientativos:

Caso Intervención Rango
WordPress con 40 plugins, LCP 5s Audit + purga de plugins + optimización imágenes + tema recortado 1.200 – 3.500 €
Web a medida con CSS/JS sin minificar Build pipeline + critical CSS + image pipeline 1.500 – 4.000 €
E-commerce con CWV rojo + tracking pesado Audit completo + refactor front + lazy-load 3.500 – 9.000 €
Stack irrecuperable (WP con 40 plugins, LCP 6s+) Migración a solución a medida o headless 10.000 – 30.000 €

Las 3 primeras filas son "arreglar lo existente". La cuarta es el escenario en que migrar compensa más que parchear — lo analizamos en otro artículo.

Cómo saber cómo está tu web ahora mismo

Tres formas gratuitas, por orden de utilidad:

  1. Google Search Console → sección "Core Web Vitals" → te enseña datos reales de tus usuarios agrupados por URL. Si tu web tiene Search Console dado de alta (y debería), la respuesta está ahí en 3 clicks.
  2. PageSpeed Insights → pegas tu URL y ves mobile + desktop. Te da tanto el dato "real" (de usuarios Chrome reales) como el "lab" (simulado). El real es el que manda.
  3. CrUX Dashboard (en Looker Studio, gratis) → más técnico pero muestra tendencias temporales.

Conclusión: traducir los 3 números al lenguaje de negocio

"¿Cuánto tarda lo importante en aparecer?" (LCP), "¿cuánto tarda en reaccionar cuando toco algo?" (INP), "¿se mueve el contenido mientras carga?" (CLS).

Eso es todo. No necesitas entender el detalle técnico — tu proveedor sí. Pero tú sí necesitas saber si tu web está en verde o en rojo porque eso marca cuánto te cuestan las campañas de Google Ads (cuando el LCP es alto el quality score baja y el CPC sube) y cuánto tráfico orgánico capturas en consultas donde compites con 10 más.

¿Prefieres que lo revisemos contigo? Escríbenos por /contacto — primera llamada sin compromiso, respuesta en menos de 24h laborables.

Antes de irte

¿10 segundos para analizar tu web gratis?

Pon la URL de tu web y te damos el diagnóstico al momento: SEO, rich snippets, accesibilidad, seguridad y rendimiento. Sin registro ni email. Si después quieres informe humano, lo pides desde ahí.

Analizar mi web gratis