Core Web Vitals explicados: LCP, INP y CLS y cómo pasar la prueba de Google

Un velocímetro con la aguja en verde lima que representa las métricas Core Web Vitals

Los Core Web Vitals son tres métricas con las que Google mide la experiencia real de quien visita su sitio: cuánto tarda en aparecer lo importante, qué tan rápido responde al tocarlo y cuánto «brinca» mientras carga. Desde 2021 forman parte de las señales de ranking y, desde marzo de 2024, la métrica de interactividad cambió a INP. Esta guía explica cada una, los umbrales que Google exige y por dónde empezar a corregir.

Las tres métricas y sus umbrales

MétricaQué mideBuenoNecesita mejorarDeficiente
LCP (Largest Contentful Paint)Segundos hasta que se muestra el elemento más grande visible (imagen de portada, título)≤ 2.5 s2.5 – 4 s> 4 s
INP (Interaction to Next Paint)Milisegundos entre que el usuario toca algo y la pantalla responde≤ 200 ms200 – 500 ms> 500 ms
CLS (Cumulative Layout Shift)Cuánto se mueven los elementos mientras carga la página≤ 0.10.1 – 0.25> 0.25

Google evalúa el percentil 75 de las visitas reales de los últimos 28 días, por dispositivo. Es decir: no basta con que «a usted le cargue rápido»; tiene que cargar rápido para tres de cada cuatro visitantes, en sus celulares y con sus redes.

Dónde ver sus Core Web Vitals (gratis)

  1. Google Search Console → Experiencia → Core Web Vitals. Es el informe que usa Google para posicionar. Agrupa URLs con problemas similares. Si su sitio tiene poco tráfico, puede no mostrar datos.
  2. PageSpeed Insights. Muestra datos de campo (arriba, si existen) y una prueba de laboratorio (abajo). La puntuación de 0 a 100 es orientativa; lo que cuenta son las métricas de campo.
  3. Chrome → DevTools → Performance. Para diagnosticar en detalle qué elemento es el LCP o qué script retrasa el INP.

LCP: qué lo empeora y cómo arreglarlo

  • Imagen de portada pesada o en formato viejo. Sirva la imagen del hero en WebP, con dimensiones exactas, sin carga diferida y con fetchpriority="high".
  • Servidor lento (TTFB alto). Si el servidor tarda 1 segundo en responder, ya perdió el 40 % del presupuesto. Caché de página y buen hosting.
  • Fuentes web que bloquean. Precargue las dos o tres fuentes que usa y muestre texto de respaldo mientras cargan.
  • CSS y JavaScript que bloquean el renderizado. Cargue lo crítico en línea y difiera el resto.

INP: la métrica nueva que más sitios reprueban

INP reemplazó a FID en marzo de 2024 y es mucho más exigente: mide todas las interacciones de la visita, no solo la primera. Los culpables habituales:

  • Scripts de terceros (chats, píxeles, mapas, videos incrustados) que ocupan el hilo principal.
  • Menús y sliders con JavaScript pesado.
  • Formularios con validaciones en cada tecla.
  • Plugins que ejecutan código en cada clic.

Soluciones: retrasar los scripts de terceros hasta la primera interacción, reducir animaciones con JavaScript en favor de CSS, y quitar plugins que no aportan al visitante.

CLS: los brincos que molestan

  • Imágenes sin ancho y alto declarados: el navegador no reserva espacio y todo se mueve al cargar. Elementor y WordPress lo hacen bien si la imagen tiene dimensiones.
  • Banners, avisos de cookies o anuncios que se insertan encima del contenido.
  • Fuentes que cambian de tamaño al cargar.
  • Contenido cargado por AJAX que empuja lo que ya está en pantalla.

Por dónde empezar: orden de prioridad

  1. Revise el informe de Search Console: si todo está en verde, no toque nada.
  2. Si LCP está en rojo, empiece por el hosting y la imagen de portada. Es el 80 % del problema en sitios WordPress.
  3. Si INP está en rojo, haga inventario de scripts de terceros y quite o retrase los prescindibles.
  4. Si CLS está en rojo, declare dimensiones de imágenes y fije la altura de banners.
  5. Vuelva a medir 28 días después: los datos de campo tardan en reflejar los cambios.

Un dato honesto

Pasar los Core Web Vitals no lo lleva al primer lugar de Google. No pasarlos sí puede sacarlo de él frente a un competidor con contenido igual de bueno. Es un requisito de entrada, no un truco. Si su sitio está en rojo y no sabe por qué, nuestro servicio de mantenimiento web incluye la revisión mensual y las correcciones; y si el problema es de origen, a veces conviene un rediseño pensado para velocidad desde el principio.

¿Está pensando en un sitio nuevo o en mejorar el actual? Use nuestro cotizador en línea: cinco pasos y recibe un rango de inversión, sin llamadas de por medio. O escríbanos y lo revisamos juntos.

Preguntas frecuentes sobre Core Web Vitals

¿Los Core Web Vitals se miden en móvil o en escritorio?

En ambos, por separado. Google usa principalmente los de móvil para posicionar, porque indexa la versión móvil de su sitio.

¿Por qué PageSpeed me da 90 y Search Console marca rojo?

PageSpeed simula una visita en laboratorio; Search Console usa visitas reales. Pueden diferir mucho. Priorice siempre los datos de campo.

¿Cuánto tardan en actualizarse los datos?

Search Console usa una ventana de 28 días, así que una corrección tarda hasta un mes en reflejarse por completo.

// Siga leyendo

Más guías del blog

// Empiece hoy

¿Necesita un sitio web que trabaje por su negocio?