SEO

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ónUmbral
Bueno<= 2.5s
Necesita mejorar2.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ónUmbral
Bueno<= 200ms
Necesita mejorar200ms – 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ónUmbral
Bueno<= 0.1
Necesita mejorar0.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 defer o async.
  • 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 width y height en los elementos de imagen y vídeo para que el navegador pueda reservar espacio por adelantado.
  • Usa font-display: swap junto 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

HerramientaTipoDescripción
Google Search Console (informe de Core Web Vitals)Datos de campoConsulta el estado de los CWV en todo el sitio agrupado por URL
PageSpeed InsightsDatos de campo y de laboratorioProporciona simultáneamente datos de CrUX y análisis de Lighthouse
Lighthouse (integrado en Chrome DevTools)Datos de laboratorioDiagnostica problemas de rendimiento durante el desarrollo y ofrece recomendaciones de mejora
Extensión Web Vitals de ChromeMonitorización en tiempo realConsulta LCP, INP y CLS en tiempo real mientras navegas
WebPageTestDatos de laboratorioEjecuta pruebas detalladas en distintas condiciones de red y entornos de dispositivo
Google Analytics 4Datos de campoRecopila 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:

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.