Core Web Vitals
Los Core Web Vitals son tres métricas clave de experiencia de usuario definidas por Google que cuantifican la velocidad de carga, la capacidad de respuesta y la estabilidad visual de una página web.
Los Core Web Vitals son tres métricas clave de experiencia de usuario definidas por Google que cuantifican la velocidad de carga, la capacidad de respuesta y la estabilidad visual de una página web.
Por qué es importante
Los Core Web Vitals son un factor de posicionamiento oficial incluido en el algoritmo de Page Experience de Google. Según el análisis del sector de 2025 y 2026, representan aproximadamente entre el 10 % y el 15 % del total de las señales de posicionamiento. Para keywords muy competitivas, los sitios que cumplen las tres métricas han registrado una mejora del 8 % al 15 % en su visibilidad de búsqueda. Por el contrario, según los datos del Web Almanac de 2025, solo alrededor del 48 % de las páginas móviles y el 56 % de las páginas de escritorio superan los tres umbrales, lo que significa que la optimización de los Core Web Vitals representa una oportunidad real para obtener una ventaja competitiva.
Las tres métricas centrales
LCP (Largest Contentful Paint), rendimiento de carga
Mide el tiempo que tarda en renderizarse en pantalla el contenido principal de la página (la imagen o el bloque de texto más grande).
| Calificación | Umbral |
|---|---|
| Bueno | <= 2.5s |
| Necesita mejorar | 2.5s – 4.0s |
| Deficiente | > 4.0s |
INP (Interaction to Next Paint), capacidad de respuesta
Mide el retardo entre una interacción del usuario (clic, toque, entrada de teclado, etc.) y el momento en que la pantalla se actualiza realmente. INP reemplazó oficialmente a FID (First Input Delay) como Core Web Vital en marzo de 2024, y evalúa la capacidad de respuesta durante todo el ciclo de vida de la página en lugar de solo la primera interacción.
| Calificación | Umbral |
|---|---|
| Bueno | <= 200ms |
| Necesita mejorar | 200ms – 500ms |
| Deficiente | > 500ms |
CLS (Cumulative Layout Shift), estabilidad visual
Mide en qué grado el diseño se desplaza de forma inesperada durante la carga de la página. Entre las causas habituales de una puntuación CLS alta están los anuncios o las imágenes que cargan tarde y desplazan la posición de los botones.
| Calificación | Umbral |
|---|---|
| Bueno | <= 0.1 |
| Necesita mejorar | 0.1 – 0.25 |
| Deficiente | > 0.25 |
Las tres métricas deben cumplir el umbral "Bueno" en al menos el 75 % de las visitas a la página para considerar que se supera la evaluación de Core Web Vitals.
Métodos de optimización
Mejorar el LCP
- Añade el atributo
fetchpriority="high"a la imagen objetivo del LCP y precárgala con<link rel="preload">. - Usa formatos de imagen de nueva generación como WebP y AVIF para reducir el tamaño de los archivos.
- Aprovecha una CDN (Content Delivery Network) para reducir el tiempo de respuesta del servidor (TTFB).
- Implementa caché en el servidor y optimiza las consultas a la base de datos.
Mejorar el INP
- Difiere el JavaScript no esencial que bloquea el hilo principal usando
deferoasync. - Divide las tareas largas en unidades más pequeñas para que el navegador pueda responder a las entradas del usuario con mayor rapidez.
- Elimina los scripts de terceros innecesarios o retrasa el momento de su carga.
Mejorar el CLS
- Especifica los atributos
widthyheighten los elementos de imagen y vídeo para que el navegador pueda reservar espacio por adelantado. - Usa
font-display: swapjunto con<link rel="preload">para la carga de fuentes web y así evitar desplazamientos de diseño. - Evita inyectar de forma dinámica banners o anuncios por encima del contenido existente.
Herramientas de medición
| Herramienta | Tipo | Descripción |
|---|---|---|
| Google Search Console (informe de Core Web Vitals) | Datos de campo | Consulta el estado de los CWV en todo el sitio agrupado por URL |
| PageSpeed Insights | Datos de campo y de laboratorio | Proporciona simultáneamente datos de CrUX y análisis de Lighthouse |
| Lighthouse (integrado en Chrome DevTools) | Datos de laboratorio | Diagnostica problemas de rendimiento durante el desarrollo y ofrece recomendaciones de mejora |
| Extensión Web Vitals de Chrome | Monitorización en tiempo real | Consulta LCP, INP y CLS en tiempo real mientras navegas |
| WebPageTest | Datos de laboratorio | Ejecuta pruebas detalladas en distintas condiciones de red y entornos de dispositivo |
| Google Analytics 4 | Datos de campo | Recopila y analiza datos reales de CWV de los usuarios |
Los datos de campo reflejan los entornos reales de los visitantes y son los datos que se usan directamente para el posicionamiento en la búsqueda de Google. Los datos de laboratorio consisten en mediciones tomadas en entornos controlados y son útiles para el diagnóstico y la depuración. Usar ambos tipos en conjunto es el enfoque más eficaz.
Sources:
- Google Search Central, Core Web Vitals
- Guía de optimización de Core Web Vitals 2026, Sky SEO Digital
- Las métricas de Core Web Vitals más importantes en 2026, NitroPack
- Core Web Vitals 2026: SEO técnico, ALM Corp
- Qué importancia tienen los Core Web Vitals para el SEO en 2026, White Label Coders
- LCP, INP y CLS explicados (2026), CoreWebVitals.io
- Umbrales de Core Web Vitals, web.dev
- 8 mejores herramientas para probar los Core Web Vitals, WP Rocket
Publicaciones relacionadas de inblog
Cómo ayuda inblog
inblog está construido sobre Next.js SSR, lo que ofrece un rendimiento optimizado de los Core Web Vitals.