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

Los Core Web Vitals son tres medidas con las que Google evalúa cómo se vive una página al cargarla: cuánto tarda en verse lo importante, cuánto tarda en responder cuando se toca algo y si el contenido se mueve mientras se lee. Forman parte de las señales de experiencia de página que usan sus sistemas de clasificación.

Conviene ponerlos en su sitio desde el principio: una web rapidísima que no responde a lo que se busca no sube por ser rápida. Pero entre dos páginas que responden parecido, la que carga mal pierde, y sobre todo pierde clientes, que se van antes de ver nada.

Las tres métricas y sus umbrales

LCP: lo que tarda en verse lo principal

Largest Contentful Paint mide cuándo aparece el elemento más grande de la pantalla, normalmente la foto o el titular de arriba. Es bueno por debajo de 2,5 segundos y malo por encima de 4.

INP: lo que tarda en responder

Interaction to Next Paint mide el retraso entre que se pulsa un botón, se abre un menú o se escribe en un formulario y la pantalla reacciona. Sustituyó en marzo de 2024 a la antigua FID, que sólo medía la primera interacción. Es bueno por debajo de 200 milisegundos y malo por encima de 500.

CLS: lo que se mueve el contenido

Cumulative Layout Shift mide los saltos de la página mientras carga: el botón que baja justo cuando se iba a pulsar porque ha aparecido un banner encima. Es bueno por debajo de 0,1 y malo por encima de 0,25.

Google considera que una página cumple cuando el 75 % de las visitas reales está en «bueno» en las tres.

Dónde mirarlos

• PageSpeed Insights: se pega la dirección y enseña dos cosas distintas. Arriba, los datos de visitantes reales de los últimos 28 días, si la web tiene tráfico suficiente. Abajo, una prueba de laboratorio con un móvil simulado.
• Search Console, en «Métricas web principales»: agrupa las URLs de la web por estado, para móvil y ordenador.

Una web pequeña de un negocio de Mataró muchas veces no tiene tráfico suficiente para que Google enseñe datos reales. En ese caso sólo queda la prueba de laboratorio, que sirve para encontrar problemas pero no es la nota con la que Google trabaja.

Lo que suele frenar la web de una pyme

• Fotos enormes: la imagen de portada subida tal cual sale de la cámara, a varios megas. Es la causa más habitual de un LCP malo.
• Plantillas y constructores pesados, con decenas de scripts que se cargan en todas las páginas aunque no se usen.
• Deslizadores de portada, chats, mapas y vídeos que se cargan antes de que nadie los pida.
• Fuentes tipográficas que llegan tarde y hacen saltar el texto.
• Banners de cookies y avisos que empujan el contenido hacia abajo al aparecer, que es lo que dispara el CLS.

Cómo mejorarlos, por orden de rentabilidad

• Comprimir las imágenes y servirlas en formatos modernos como WebP o AVIF, con el tamaño que se van a ver y con ancho y alto declarados.
• Cargar la imagen principal con prioridad y dejar el resto para cuando se hace scroll.
• Quitar los plugins y scripts que no se usan, y retrasar los de terceros —chat, píxeles, mapas— hasta que hagan falta.
• Reservar el espacio de banners, anuncios e incrustados para que no empujen nada.
• Un buen alojamiento y una caché bien configurada: no arreglan una web pesada, pero una web ligera en un servidor lento tampoco va.

Si la web está hecha sobre una plantilla imposible de aligerar, a veces sale más a cuenta rehacerla que seguir parcheando. Es una de las cosas que se deciden en una auditoría SEO, antes de gastar en posicionamiento.