Core Web Vitals: qué son LCP, INP y CLS y cómo medirlos

Por Álvaro Camus27 de octubre de 20264 min de lectura

Un sitio puede verse perfecto en tu computador y aun así ser frustrante para quien lo visita desde un celular: tarda en mostrar lo importante, los botones se mueven justo cuando vas a tocarlos o la página no responde al primer clic. Google reúne esa experiencia en tres métricas llamadas Core Web Vitals. Aquí te explicamos qué miden, cuáles son los valores oficiales y cómo revisarlas en tu sitio.

Las tres métricas

• LCP (Largest Contentful Paint): mide cuánto tarda en aparecer el contenido principal de la página, normalmente una imagen grande o un bloque de texto. Es la sensación de “ya cargó”.
• INP (Interaction to Next Paint): mide qué tan rápido responde la página cuando alguien hace clic, toca la pantalla o escribe: desde la acción hasta que se ve el siguiente cambio en pantalla.
• CLS (Cumulative Layout Shift): mide cuánto se mueve el contenido de forma inesperada mientras la página carga. Es el salto que te hace tocar el botón equivocado.

INP reemplazó a FID (First Input Delay) el 12 de marzo de 2024. Si lees una guía que todavía incluye FID entre los Core Web Vitals, está desactualizada.

Los valores oficiales

Según la documentación de web.dev, estos son los umbrales:

• LCP: bueno hasta 2,5 segundos; deficiente sobre 4 segundos.
• INP: bueno hasta 200 milisegundos; deficiente sobre 500 milisegundos.
• CLS: bueno hasta 0,1; deficiente sobre 0,25.

Lo que queda entre ambos valores se considera “necesita mejorar”. Además, la evaluación se hace con el percentil 75 de las visitas: para que una métrica salga como buena, al menos 3 de cada 4 visitas deben cumplir el umbral. Y los valores son los mismos para móvil y escritorio.

Datos de laboratorio y datos de usuarios reales

Herramientas como PageSpeed Insights muestran dos tipos de datos. Los de laboratorio son una simulación hecha en el momento y sirven para detectar problemas. Los de campo vienen de visitas reales de usuarios de Chrome (el Chrome User Experience Report) y reflejan lo que viven tus clientes. Un sitio nuevo o con poco tráfico puede no tener suficientes datos de campo; en ese caso solo verás los de laboratorio.

Cómo medirlas gratis

• PageSpeed Insights (pagespeed.web.dev): pegas la dirección de tu sitio y obtienes el resultado para móvil y escritorio, con recomendaciones.
• Search Console: su informe de Core Web Vitals agrupa tus páginas según datos reales de visitas.
• Herramientas para desarrolladores de Chrome: la pestaña de rendimiento sirve para investigar en detalle qué está retrasando una página.

Qué mejorar primero

Las guías de web.dev explican cada caso con detalle. En resumen:

• Para mejorar el LCP: optimiza la imagen principal (peso y dimensiones adecuadas), evita que CSS y JavaScript innecesarios bloqueen la carga y apóyate en un hosting que responda rápido.
• Para mejorar el CLS: define ancho y alto en imágenes y videos, reserva espacio para banners y avisos, y evita insertar contenido encima de lo que ya se está viendo. Revisa también cómo se cargan las fuentes.
• Para mejorar el INP: reduce el JavaScript, divide las tareas largas y revisa los scripts de terceros, como chats, píxeles de seguimiento y widgets.

Antes de instalar otro plugin “de velocidad”, conviene revisar con las herramientas de arriba qué está retrasando realmente tus páginas: el diagnóstico de PageSpeed Insights indica qué archivos y qué elementos pesan más.

Cuánto influyen en tu posicionamiento

Google incluye los Core Web Vitals entre las señales de experiencia de página, que describe como la forma en que las personas perciben la interacción con una página más allá de su valor informativo. Es decir: ayudan, pero no reemplazan un contenido útil y relevante. Aun así, una página rápida y estable simplemente se usa mejor, y eso importa para quien te visita, aparezcas donde aparezcas en Google.

Si quieres un sitio pensado desde el inicio para cargar rápido, conoce nuestro servicio de diseño web.

Información revisada el 27 de octubre de 2026 en las fuentes citadas.

Fuentes

• web.dev: How the Core Web Vitals metrics thresholds were defined
• web.dev: Interaction to Next Paint becomes a Core Web Vital on March 12
• Google Search Central Blog: The new HTTPS report in Search Console (definición de experiencia de página)
• web.dev: Optimize Largest Contentful Paint
• web.dev: Optimize Cumulative Layout Shift
• web.dev: Optimize Interaction to Next Paint
• PageSpeed Insights