Core Web Vitals explicados: las métricas de Google en lenguaje simple

Los Core Web Vitals son las tres métricas con las que Google mide la experiencia de usar tu web: LCP (velocidad), INP (respuesta) y CLS (estabilidad).

Google las mide con datos de visitantes reales de tu sitio, no con opiniones, y las usa como parte de su decisión de a quién mostrar más arriba en los resultados. Por eso a un dueño de negocio le conviene entenderlas: son la nota que Google le pone a la experiencia que tu web le da a la gente.

La mala noticia es que vienen con nombres en inglés y siglas. La buena: las tres miden cosas que tú mismo has sufrido como usuario mil veces. Vamos una por una, con una analogía cotidiana, qué las daña y cuál es el número que debes buscar.

LCP: cuánto tarda en aparecer lo importante

La analogía: entras a un restaurante y te sientas. El LCP es cuánto tardan en traerte el menú a la mesa. No la comida completa, solo lo primero que necesitas para empezar. Si pasan los minutos y nadie se acerca, te levantas y te vas al local de enfrente.

Qué mide: LCP (Largest Contentful Paint) es cuánto tarda en mostrarse el elemento más grande de la primera pantalla, casi siempre la imagen o el título principal de tu portada. Es la métrica que define si el visitante siente que tu web «cargó» o que sigue esperando.

Qué lo daña típicamente: fotos de portada gigantes subidas sin comprimir, sliders con varias imágenes enormes, y hostings baratos que tardan en empezar a responder.

El número verde: menos de 2,5 segundos.

INP: cuánto tarda tu web en responder cuando la tocan

La analogía: un timbre. Lo presionas y esperas oír el «ding». Si no suena nada, ¿qué haces? Lo presionas otra vez, y otra, y te preguntas si está dañado. Eso mismo siente el visitante que toca «Agregar al carrito» y la pantalla se queda inmóvil: toca de nuevo, duda de tu web, y muchas veces se rinde.

Qué mide: INP (Interaction to Next Paint) es cuánto tarda tu página en reaccionar visiblemente cuando alguien toca un botón, abre un menú o escribe en un formulario. No es la carga inicial: es la agilidad de la web ya cargada.

Qué lo daña típicamente: el exceso de código ejecutándose a la vez, demasiados plugins, chats en vivo, píxeles de campañas viejas y scripts de terceros que nadie recuerda haber instalado.

El número verde: menos de 200 milisegundos (una respuesta que se siente inmediata).

CLS: cuánto salta la página mientras carga

La analogía: vas a firmar un papel y, justo cuando bajas el lapicero, alguien mueve la hoja. Terminas rayando la mesa. En una web: vas a tocar «Ver precios», el contenido salta porque cargó un banner, y terminas tocando un anuncio. Pocas cosas irritan más a un visitante, y algunas hasta le cuestan dinero, como tocar «comprar» sin querer.

Qué mide: CLS (Cumulative Layout Shift) es cuánto se mueve el contenido de tu página mientras carga. Una web estable carga cada cosa en su lugar; una inestable va empujando todo hacia abajo a medida que aparecen imágenes y banners.

Qué lo daña típicamente: imágenes sin dimensiones declaradas (el navegador no sabe cuánto espacio reservarles), banners y avisos que se insertan tarde, y tipografías que llegan tarde y reacomodan el texto.

El número verde: menos de 0,1 (es un índice, no segundos: mientras más cerca de cero, más estable).

Cómo revisarlas gratis con PageSpeed Insights, paso a paso

1. Entra a pagespeed.web.dev, la herramienta gratuita de Google (no necesitas cuenta).
2. Pega la dirección de tu web y presiona Analizar.
3. Quédate en la pestaña de móvil: es donde está la mayoría de tus visitantes y donde las métricas suelen sufrir.
4. Busca el bloque «Qué están experimentando tus usuarios»: esos son los Core Web Vitals reales, medidos con visitas verdaderas de los últimos 28 días. Ahí verás LCP, INP y CLS con su color: verde (aprobado), naranja (necesita mejorar) o rojo (deficiente). Si tu web tiene poco tráfico, este bloque puede no aparecer; en ese caso guíate por las métricas de la sección de diagnóstico, que son una simulación.
5. Repite con tu página más importante (la de servicios o productos), no solo con la portada: las métricas se miden por página.

Dos minutos, cero costo, y ya sabes tu nota.

¿Salieron en rojo? Qué puedes arreglar tú y qué es de desarrollador

Rojo no significa catástrofe: significa que Google está midiendo, con datos de tus propios visitantes, una experiencia incómoda, y eso suele estar frenando tanto tu posicionamiento como tus ventas. La pregunta correcta es quién lo arregla.

Lo que puedes hacer tú, sin ser técnico: comprimir las imágenes, reemplazar el slider de la portada por una imagen estática, y eliminar plugins y scripts que ya no usas. Con eso se resuelve una buena parte de los LCP e INP en rojo. El paso a paso completo, con herramientas gratuitas, está en nuestra guía práctica para mejorar la velocidad de tu web.

Lo que es trabajo de desarrollador: optimizar el código del sitio, corregir un tema o plantilla mal construidos, configurar un CDN, arreglar las fuentes y las dimensiones de los elementos (los CLS en rojo casi siempre viven aquí), o migrar de un hosting saturado. Son cambios de fondo donde un intento amateur puede romper el sitio.

Si tras aplicar lo básico sigues en rojo, el problema es estructural, y ahí conviene diagnóstico profesional antes de gastar en arreglos a ciegas.

Lo honesto: importan, pero no son magia

Los Core Web Vitals son un factor de ranking real, y además afectan tus ventas directamente: en cuánto te cuesta una web lenta hicimos esa cuenta. Pero seamos claros: el contenido sigue pesando más. Una web veloz con contenido pobre no le gana a una web decente que responde mejor la búsqueda. Las métricas funcionan como desempate: entre dos resultados de calidad similar, Google favorece al que ofrece mejor experiencia. Si el resto de tu SEO está flojo, empieza por entender qué es el SEO completo, no solo esta pieza.

Y un consejo que te ahorra dinero: no persigas el 100/100 de PageSpeed. Esa nota es de una prueba de laboratorio, no son tus Core Web Vitals reales, y pasar de 85 a 100 suele costar mucho para un beneficio que ni Google exige. La meta de negocio es tener las tres métricas en verde con usuarios reales. Verde es aprobado; el perfeccionismo de ahí en adelante rara vez se paga solo.

¿Quieres saber en qué estado están las tuyas y qué arreglos valen la pena en tu caso concreto? Solicita una auditoría técnica de tu sitio: revisamos tus Core Web Vitals con datos reales, te decimos qué está en rojo y por qué, y qué corregir primero según el impacto en tu negocio.