Qué son Core Web Vitals
Core Web Vitals son tres métricas de rendimiento web centradas en la experiencia de usuario: cuánto tarda en aparecer el contenido principal, cuánto tarda la página en responder a una interacción y cuánto se mueve el diseño mientras carga.
En una frase: Core Web Vitals mide si una página se siente rápida, estable y usable mediante tres métricas clave: LCP para carga, INP para respuesta y CLS para estabilidad visual.
Para qué sirven Core Web Vitals
Core Web Vitals sirve para transformar una sensación subjetiva —“la web va lenta”, “salta”, “tarda en reaccionar”— en datos accionables. En SEO, ayuda a priorizar mejoras técnicas que afectan a usuarios reales, especialmente en móvil.
Mejorar experiencia
Detecta páginas que cargan tarde, botones que responden lento o diseños que se mueven antes de poder hacer clic.
Priorizar problemas
Ayuda a decidir si conviene optimizar imágenes, CSS, JavaScript, fuentes, servidor, caché o estabilidad de componentes.
Reducir fricción
Una página más rápida y estable puede mejorar navegación, formularios, compras, reservas y solicitudes de contacto.
Las 3 métricas de Core Web Vitals
Las Core Web Vitals actuales son LCP, INP y CLS. Cada una mide una parte distinta de la experiencia, por eso no basta con mirar solo una puntuación general.
Largest Contentful Paint mide cuándo se renderiza el elemento de contenido principal visible: normalmente una imagen hero, un bloque de texto grande o una portada.
Interaction to Next Paint mide la capacidad de respuesta de la página ante clics, toques o entradas de teclado durante toda la visita.
Cumulative Layout Shift mide los cambios inesperados de diseño: banners, imágenes, fuentes o bloques que desplazan contenido mientras el usuario intenta leer o clicar.
Cómo interpretar los umbrales
Los umbrales de Core Web Vitals se interpretan por experiencia real de usuario. La referencia habitual es que una página debe cumplir los valores “buenos” en el percentil 75 de las visitas, separando móvil y escritorio cuando sea posible.
| Métrica | Qué pregunta responde | Valor bueno | Qué suele empeorarla |
|---|---|---|---|
| LCP | ¿Cuándo aparece el contenido principal? | 2,5 segundos o menos. | Imágenes pesadas, servidor lento, CSS bloqueante, fuentes, JS inicial, caché débil. |
| INP | ¿La página responde rápido cuando interactúo? | 200 milisegundos o menos. | JavaScript pesado, tareas largas, scripts de terceros, eventos mal optimizados, exceso de plugins. |
| CLS | ¿El diseño se mantiene quieto mientras carga? | 0,10 o menos. | Imágenes sin dimensiones, anuncios, iframes, banners, fuentes que cambian tamaño, contenido insertado tarde. |
Cómo medir Core Web Vitals
Para analizar Core Web Vitals conviene combinar herramientas. Una te da diagnóstico de laboratorio, otra datos reales agregados y otra seguimiento por grupos de URL.
| Herramienta | Qué aporta | Cuándo usarla |
|---|---|---|
| PageSpeed Insights | Combina diagnóstico de laboratorio con datos de campo cuando hay suficientes datos. | Primera revisión de una URL concreta. |
| Search Console | Agrupa URLs por estado, tipo de métrica y grupos de páginas similares. | Seguimiento SEO por plantillas y grupos de URLs. |
| Chrome UX Report | Datos reales de usuarios de Chrome, agregados por URL u origen cuando hay volumen suficiente. | Ver rendimiento real, no solo una prueba puntual. |
| Lighthouse / DevTools | Auditoría técnica reproducible, trazas, oportunidades y diagnóstico de carga. | Investigar causas concretas de LCP, INP o CLS. |
| Web Vitals JS | Medición propia en analítica, eventos y dashboards internos. | Proyectos avanzados con seguimiento continuo. |
Diagnóstico rápido de Core Web Vitals
Introduce tus valores de LCP, INP y CLS. La herramienta te indica el estado inicial y qué métrica deberías revisar antes.
Calculadora rápida CWV
Usa LCP en segundos, INP en milisegundos y CLS como valor decimal.
El INP y el CLS están dentro de valores buenos, pero el LCP supera 2,5 s. Revisa hero, imagen principal, CSS crítico, servidor y recursos bloqueantes.
LCP ≤ 2,5 · INP ≤ 200 · CLS ≤ 0,10
LCP ≤ 4 · INP ≤ 500 · CLS ≤ 0,25
Por encima del rango mejorable
Cómo mejorar Core Web Vitals
La optimización correcta depende de la métrica afectada. No se arregla igual un LCP lento que un INP alto o un CLS inestable.
Optimizar LCP
Reduce peso del hero, usa imágenes modernas, precarga la imagen principal, mejora caché, TTFB, CSS crítico y evita scripts que bloqueen el render inicial.
Optimizar INP
Divide tareas largas, reduce JavaScript, retrasa terceros no esenciales, evita listeners pesados y revisa plugins, sliders, popups y etiquetas de tracking.
Optimizar CLS
Reserva espacio para imágenes, iframes, banners y anuncios; define dimensiones; evita insertar bloques por encima del contenido y controla fuentes.
Validar por plantilla
Revisa grupos de URLs: home, servicios, blog, categorías, productos y landings. Muchas veces el problema viene de una plantilla repetida.
Medir después de publicar
Lighthouse puede mostrar mejoras inmediatas, pero Search Console y CrUX necesitan datos reales suficientes para reflejar cambios en campo.
Ejemplos de problemas Core Web Vitals
Estas situaciones son habituales en WordPress, Elementor, ecommerce y webs corporativas con muchos scripts, imágenes o integraciones externas.
| Situación | Métrica afectada | Solución prioritaria |
|---|---|---|
| Hero con imagen enorme | LCP | Comprimir, servir en WebP/AVIF, definir tamaños, preload y revisar lazy load incorrecto. |
| Constructor visual con muchos widgets | INP | Reducir JS, eliminar módulos no usados, retrasar terceros y dividir tareas largas. |
| Banners que aparecen tarde | CLS | Reservar altura, cargar en un espacio fijo y evitar empujar contenido ya visible. |
| Fuentes personalizadas pesadas | LCP / CLS | Preload selectivo, font-display, reducir familias/pesos y ajustar fallback. |
| Scripts de tracking excesivos | INP / LCP | Auditar GTM, retrasar etiquetas no críticas y eliminar duplicidades. |
Core Web Vitals vs PageSpeed, Lighthouse y SEO
Muchos errores vienen de confundir conceptos. Core Web Vitals no es lo mismo que una nota de PageSpeed ni sustituye al SEO de contenidos.
| Concepto | Qué es | Qué no es |
|---|---|---|
| Core Web Vitals | Métricas principales de experiencia: LCP, INP y CLS. | No es una auditoría SEO completa. |
| PageSpeed score | Una puntuación de rendimiento generada en un contexto de prueba. | No equivale siempre a la experiencia real de todos los usuarios. |
| Lighthouse | Herramienta de laboratorio para diagnosticar rendimiento, accesibilidad, buenas prácticas y SEO básico. | No reemplaza los datos de campo de usuarios reales. |
| CrUX | Datos reales agregados del Chrome UX Report. | No siempre tiene datos suficientes para todas las URLs pequeñas. |
| SEO técnico | Incluye rastreo, indexación, arquitectura, rendimiento, canonicals, sitemaps y más. | No se limita únicamente a velocidad. |
Errores comunes al trabajar Core Web Vitals
Mirar solo la nota
La nota global ayuda, pero el trabajo real está en encontrar qué recurso, script, imagen o patrón provoca el problema.
Optimizar solo escritorio
Muchas webs pasan en desktop y fallan en móvil, que suele tener CPU, red y condiciones más exigentes.
Confundir FID con INP
INP es la métrica actual de capacidad de respuesta; FID quedó sustituida en Core Web Vitals.
Tapar el problema con caché
La caché ayuda, pero no arregla siempre imágenes enormes, JS excesivo, CLS o terceros bloqueantes.
Rediseñar sin medir
Cambiar diseño, plugins o sliders puede empeorar Core Web Vitals si no se valida antes y después.
Ignorar plantillas
Search Console agrupa URLs similares. Si falla una plantilla, pueden fallar decenas o cientos de URLs.
Conceptos relacionados con Core Web Vitals
Core Web Vitals se entiende mejor dentro de una estrategia completa de SEO técnico, arquitectura, contenido y conversión.
FAQ sobre Core Web Vitals
¿Quieres mejorar las Core Web Vitals de tu web?
Puedo ayudarte a revisar rendimiento, experiencia móvil, plantillas, scripts, imágenes, caché, Search Console y prioridades reales para mejorar SEO técnico sin romper diseño ni conversión.
