Volver a Guías

Guía de Core Web Vitals: LCP, INP y CLS explicados

Los Core Web Vitals son las tres métricas con las que Google mide si tu web carga rápido, responde al instante y no "salta" mientras el usuario la lee. Esta guía explica cada una, sus umbrales y cómo mejorarlas sin depender de un desarrollador.

Respuesta Rápida (AEO)

Los Core Web Vitals son tres métricas de Google: LCP (velocidad de carga del elemento principal, ideal <2.5s), INP (capacidad de respuesta a clics y toques, ideal <200ms) y CLS (estabilidad visual, ideal <0.1). Son parte de la señal de Experiencia de Página de Google y afectan el posicionamiento cuando compites contra contenido similar.

Los 3 umbrales que tenés que memorizar

2.5s
LCP máximo recomendado
200ms
INP máximo recomendado
0.1
CLS máximo recomendado

1. LCP (Largest Contentful Paint): velocidad de carga

El LCP mide cuánto tarda en aparecer en pantalla el elemento más grande y visible: normalmente la imagen principal, un video o el bloque de texto del título. Es la métrica que más se relaciona con la sensación de "esta página carga rápido".

Cómo mejorarlo: comprimí y convertí a WebP o AVIF las imágenes above the fold, usá loading="lazy" solo en las imágenes que NO son el LCP (nunca en la imagen principal), agregá <link rel="preconnect"> a los dominios externos que usás (fuentes, CDN) y elegí un hosting con buen tiempo de respuesta del servidor (TTFB).

2. INP (Interaction to Next Paint): capacidad de respuesta

El INP mide cuánto tarda la página en reaccionar visualmente después de que alguien hace clic, toca la pantalla o escribe. Reemplazó al antiguo FID (First Input Delay) en marzo de 2024 porque mide la experiencia durante toda la visita, no solo la primera interacción.

Cómo mejorarlo: reducí o difierí el JavaScript que no es esencial para la primera pantalla, evitá scripts de terceros pesados (chats, pixeles de anuncios) que bloquean el hilo principal, y dividí tareas largas de JavaScript en fragmentos más pequeños.

3. CLS (Cumulative Layout Shift): estabilidad visual

El CLS mide cuánto "saltan" los elementos de tu página mientras carga. El ejemplo clásico: estás por tocar un botón y, en el último instante, una imagen o un banner se cargan arriba y empujan todo hacia abajo, haciendo que toques otra cosa por error.

Cómo mejorarlo: definí siempre width, height o aspect-ratio en tus imágenes y videos, reservá el espacio para anuncios o widgets antes de que carguen, y evitá insertar contenido nuevo arriba del contenido existente salvo que sea en respuesta a una interacción del usuario.

Herramientas gratuitas para medir tus Core Web Vitals

PageSpeed Insights

Combina datos reales de usuarios (CrUX) con una auditoría de laboratorio (Lighthouse) para cada URL.

Medir mi sitio

Search Console

El informe "Core Web Vitals" muestra el estado real de todas tus URLs agrupadas, tal como lo ve Google.

Ver mi informe

Extensión Web Vitals

Extensión de Chrome que muestra el LCP, INP y CLS en tiempo real mientras navegás tu propia web.

Instalar extensión

Preguntas Frecuentes sobre Core Web Vitals

¿Qué son los Core Web Vitals?

Son un conjunto de tres métricas definidas por Google (LCP, INP y CLS) que miden la velocidad de carga, la capacidad de respuesta y la estabilidad visual de una página, y forman parte de la señal de Experiencia de Página usada como factor de posicionamiento.

¿Qué es el LCP (Largest Contentful Paint)?

Es el tiempo que tarda en renderizarse el elemento más grande visible en pantalla. Google considera "bueno" un LCP de 2.5 segundos o menos.

¿Qué es el INP (Interaction to Next Paint)?

Mide cuánto tarda la página en responder visualmente después de un clic, toque o tecla. Reemplazó al FID en marzo de 2024. Un INP de 200 ms o menos se considera bueno.

¿Qué es el CLS (Cumulative Layout Shift)?

Mide cuánto se mueven visualmente los elementos de una página mientras carga. Un CLS de 0.1 o menos se considera bueno.

¿Los Core Web Vitals afectan el posicionamiento en Google?

Sí, forman parte de la señal de Experiencia de Página. No son el factor más determinante, pero entre dos páginas con relevancia similar, Google prioriza la que ofrece mejor experiencia técnica.

¿Tu sitio tarda en cargar o falla en Core Web Vitals?

Auditamos tus Core Web Vitals reales (no solo de laboratorio) y te entregamos un plan de acción priorizado, gratis y sin compromiso.

Solicitar Auditoría Gratuita