Rendimiento y mantenimiento

Qué son los Core Web Vitals: LCP, FID, CLS definidos

Los Core Web Vitals son tres métricas de rendimiento definidas por Google que miden la experiencia real del usuario al cargar, interactuar y estabilizarse una página web.

Overhead view of a laptop showing data visualizations and charts on its screen.

Los Core Web Vitals son tres métricas oficiales de Google que cuantifican la experiencia real del usuario al visitar una página web: qué tan rápido carga el contenido principal, qué tan pronto responde a la primera interacción y qué tan estable es la página visualmente. Desde 2021 forman parte del algoritmo de posicionamiento de Google, por lo que afectan directamente el SEO.

En este artículo encontrarás la definición precisa de cada métrica, sus umbrales de "bueno", "necesita mejorar" y "malo", las herramientas para medirlas y los pasos iniciales para mejorar tu puntuación.

Por qué Google creó los Core Web Vitals

Antes de los Core Web Vitals, existían docenas de métricas de rendimiento — Time to First Byte, DOMContentLoaded, SpeedIndex — y era difícil saber cuáles realmente importaban para los usuarios. Google analizó miles de millones de sesiones reales y determinó que tres dimensiones concentran la mayor parte del impacto en la satisfacción del usuario:

  • Carga — ¿el contenido principal aparece rápido?
  • Interactividad — ¿la página responde rápido a los clics?
  • Estabilidad visual — ¿los elementos dejan de moverse antes de que el usuario interactúe?

Estas tres dimensiones se convirtieron en las métricas LCP, FID e INP (que reemplazó a FID en 2024) y CLS. Google las actualiza periódicamente según nuevas evidencias del comportamiento del usuario.

LCP: Largest Contentful Paint (Pintura del Contenido más Grande)

El LCP mide el tiempo que tarda en renderizarse el elemento de contenido más grande visible en la pantalla inicial — normalmente una imagen destacada, un bloque de texto hero o un video.

Umbrales LCP

Valoración Tiempo
Bueno ≤ 2.5 s
Necesita mejorar 2.5 – 4.0 s
Malo > 4.0 s

Los factores que más impactan el LCP son: imágenes sin optimizar, JavaScript que bloquea el renderizado, servidores lentos y la falta de preload en el recurso principal. Un LCP lento es la queja número uno en sitios de e-commerce porque el usuario no ve el producto antes de perder la paciencia.

Qué elementos cuenta Google como "más grande"

  • Elementos <img> y <image> dentro de SVG.
  • Imágenes de fondo cargadas vía CSS (background-image).
  • Elementos de video con un poster image.
  • Bloques de texto (<p>, headings, etc.) si son el área más grande visible.

FID e INP: Interactividad y Respuesta

El FID (First Input Delay) medía el retardo entre el primer clic o toque del usuario y el momento en que el navegador podía procesar ese evento. En marzo de 2024, Google lo reemplazó con INP (Interaction to Next Paint), que es más representativo porque evalúa todas las interacciones durante la visita, no solo la primera.

Umbrales INP (métrica actual)

Valoración Tiempo
Bueno ≤ 200 ms
Necesita mejorar 200 – 500 ms
Malo > 500 ms

Un INP alto suele ser síntoma de JavaScript pesado que bloquea el hilo principal del navegador. Los culpables frecuentes son plugins innecesarios, scripts de analítica mal configurados y librerías de terceros cargadas de forma síncrona.

¿Qué pasa con FID?

Si tu herramienta de monitoreo aún muestra FID, es porque usa datos históricos. Para análisis en tiempo real, busca INP. Los umbrales de FID eran ≤ 100 ms (bueno) y > 300 ms (malo).

CLS: Cumulative Layout Shift (Desplazamiento Acumulado del Diseño)

El CLS cuantifica cuánto se mueven visualmente los elementos de la página sin que el usuario lo espere. Un CLS alto se traduce en experiencias frustrantes: el usuario va a hacer clic en un botón y, justo antes, aparece un anuncio que empuja todo hacia abajo.

Umbrales CLS

Valoración Puntuación
Bueno ≤ 0.1
Necesita mejorar 0.1 – 0.25
Malo > 0.25

CLS es adimensional — no es tiempo sino una fórmula que combina la fracción de pantalla afectada y la distancia que se movieron los elementos. Las causas más comunes son imágenes sin dimensiones definidas, fuentes web que reemplazan a fuentes del sistema (FOIT/FOUT) y banners de cookies que aparecen sobre el contenido.

Cómo Medir los Core Web Vitals

Google diferencia entre datos de campo (Field Data) y datos de laboratorio (Lab Data). Para el ranking de SEO solo cuentan los datos de campo, que provienen de usuarios reales.

Herramientas de campo (datos reales)

  • Google Search Console → Informe de Experiencia en la Página (gratuito, el más relevante para SEO).
  • PageSpeed Insights → muestra datos del informe CrUX (Chrome User Experience Report) por URL.
  • Chrome UX Report (CrUX) → dataset público en BigQuery con datos agregados de millones de usuarios.

Herramientas de laboratorio (simulación)

  • Lighthouse (en DevTools de Chrome o CLI) — simula la carga y estima las métricas.
  • WebPageTest — pruebas desde múltiples ubicaciones y perfiles de red.
  • GTmetrix — combina Lighthouse con sus propias métricas visuales.

Usa laboratorio para diagnosticar problemas y campo para confirmar si tus mejoras llegaron a los usuarios reales. Puedes revisar más recursos en nuestra sección de optimización de rendimiento web.

Core Web Vitals y SEO: ¿Cuánto Peso Tienen?

Google confirmó en 2021 que los Core Web Vitals son una señal de ranking dentro del grupo de señales de experiencia de página (Page Experience). Sin embargo, la relevancia del contenido sigue siendo el factor dominante: un artículo relevante con métricas mediocres supera a uno irrelevante con métricas perfectas.

Donde los Core Web Vitals sí hacen una diferencia notoria es en el Top Stories carousel de Google en móviles, donde el sello de "experiencia de página" puede determinar qué resultados aparecen destacados. Para sitios de noticias, portales de e-commerce y publishers, la diferencia es concreta y medible.

Si tienes dudas sobre cómo tu sitio se ubica frente a la competencia, los especialistas de elenlace.com realizan auditorías de rendimiento completas con hoja de ruta de mejoras prioritarias.

Conclusiones clave

  • Los Core Web Vitals son tres métricas oficiales de Google: LCP (carga), INP (interactividad, reemplazó a FID en 2024) y CLS (estabilidad visual).
  • Los umbrales "buenos" son: LCP ≤ 2.5 s, INP ≤ 200 ms, CLS ≤ 0.1.
  • Solo los datos de campo (usuarios reales) inciden en el SEO; los datos de laboratorio sirven para diagnóstico.
  • Las causas más frecuentes de métricas malas son imágenes sin optimizar, JavaScript bloqueante e imágenes sin dimensiones definidas.
  • Google Search Console es el punto de partida gratuito para medir tus Core Web Vitals reales.

¿Quieres saber exactamente qué está lastrando el rendimiento de tu sitio? Solicita una auditoría de Core Web Vitals en elenlace.com y recibe un plan de acción concreto.

Preguntas frecuentes

¿Los Core Web Vitals afectan el posicionamiento en Google México?

Sí. Google aplica las mismas señales de experiencia de página en todos los países. En México, donde la mayoría de búsquedas ocurren en conexiones móviles de velocidad variable, un buen LCP y un CLS bajo pueden marcar la diferencia frente a competidores con sitios lentos.

¿Con qué frecuencia actualiza Google los Core Web Vitals?

Google revisa y ajusta las métricas periódicamente. El cambio más reciente fue en marzo de 2024, cuando INP reemplazó a FID como métrica de interactividad. Se recomienda seguir el blog de Google Chrome Developers para estar al tanto de cambios futuros.

¿Puedo mejorar los Core Web Vitals sin cambiar el diseño?

En muchos casos sí. Optimizar imágenes (compresión, formatos WebP, dimensiones explícitas), diferir JavaScript no crítico y habilitar la caché del servidor son mejoras técnicas que no alteran el aspecto visual del sitio.

¿Qué pasa si mi sitio tiene datos insuficientes en Search Console?

Google necesita un mínimo de visitas para generar datos de campo confiables. Si tu sitio es nuevo o tiene poco tráfico, Search Console mostrará "datos insuficientes". En ese caso, usa Lighthouse o PageSpeed Insights para obtener estimaciones de laboratorio mientras crece el tráfico real.

Para saber más

Otros proveedores y guías que vale la pena comparar:

← Todos