¿Qué es las Core Web Vitals?

También llamado: métricas web principales, LCP, INP, CLS, PageSpeed

Definición

Las Core Web Vitals son las tres métricas con las que Google mide la experiencia de carga de una web: lo que tarda en verse el contenido principal (LCP), lo rápido que responde a la interacción (INP) y lo estable que es la página (CLS).

Google las usa como una de las señales de posicionamiento y las mide con datos reales de usuarios de Chrome. Se consultan en PageSpeed Insights y en el informe de Google Search Console.

Las tres métricas

Métrica	Mide	Bueno
LCP (Largest Contentful Paint)	Cuándo se pinta el elemento más grande visible (imagen principal, titular)	≤ 2,5 s
INP (Interaction to Next Paint)	Cuánto tarda la página en reaccionar a clics y pulsaciones	≤ 200 ms
CLS (Cumulative Layout Shift)	Cuánto «saltan» los elementos mientras carga	≤ 0,1

Para aprobar, el 75 % de las visitas reales debe estar en «bueno».

Ejemplo

Evitar saltos de diseño (CLS) reservando el espacio de las imágenes, y priorizar la imagen principal (LCP):

<img src="portada.webp" width="1200" height="600" alt="..." fetchpriority="high">
<img src="galeria-1.webp" width="400" height="300" alt="..." loading="lazy">

Cómo mejorarlas

LCP: servidor rápido y caché, CDN, imágenes optimizadas, no cargar en diferido la imagen principal.
INP: menos JavaScript, dividir las tareas largas, quitar scripts de terceros innecesarios.
CLS: dimensiones en imágenes, vídeos e iframes; reservar espacio para anuncios y banners; cuidado con las fuentes web.

Errores habituales

Obsesionarse con la nota de laboratorio de PageSpeed (la cifra de 0 a 100). Lo que cuenta para Google son los datos de campo de usuarios reales.
Aplicar lazy loading a la imagen principal, que empeora el LCP.

¿Tienes un producto o servicio relacionado con Core Web Vitals? Anúnciate en este término.

Términos relacionados

Categorías: Web Frontend