Core Web Vitals: qué son y cómo pasar el examen de Google
LCP, INP y CLS explicados sin jerga: qué mide Google exactamente, cómo ver tu nota y qué arreglar primero si estás en rojo.
Google decidió hace años que la experiencia de usuario era demasiado importante para dejarla a opinión, así que la convirtió en tres números. Se llaman Core Web Vitals, se miden en cada visita real a tu web, y son parte del examen que decide quién sale primero.
Los tres números, sin jerga
- LCP (Largest Contentful Paint): cuánto tarda en verse lo importante de la página. Aprobado: menos de 2,5 s. Es la sensación de "ya cargó".
- INP (Interaction to Next Paint): cuánto tarda la web en reaccionar cuando tocas algo. Aprobado: menos de 200 ms. Es la sensación de "va fina" o "va a tirones".
- CLS (Cumulative Layout Shift): cuánto baila el contenido mientras carga. Aprobado: menos de 0,1. Es el clásico "iba a pulsar el botón y se movió".
Cómo ver tu nota (gratis, en 1 minuto)
Entra en PageSpeed Insights, pega tu URL y mira la parte de arriba: "Datos de usuarios reales". Eso es lo que Google usa. La puntuación de laboratorio de abajo es orientativa; la de arriba es la que te rankea o te hunde.
Qué arreglar primero si estás en rojo
Por orden de impacto en la mayoría de webs:
- Imágenes: el motivo nº1 de LCP malo. Formato moderno (WebP/AVIF), tamaño justo y dimensiones declaradas (esto también arregla CLS).
- JavaScript de más: plantillas y plugins cargan kilos de código que tu página no usa. Cada kilo se paga en INP.
- Fuentes: mal cargadas provocan saltos (CLS) y texto invisible. Se arregla con
font-displayy precarga. - El servidor: si tarda en responder, todo lo demás llega tarde. Un buen hosting con CDN es la base.
La trampa: optimizar después
La mayoría intenta arreglar los Core Web Vitals cuando la web ya está hecha — y es como aligerar un coche quitándole los asientos. Los resultados serios vienen de construir ligero desde el principio: por eso nuestro estándar de entrega es Lighthouse 95+ y LCP por debajo de 2 s en cada proyecto, no como optimización posterior.
Si tu web está en rojo y quieres saber cuánto costaría arreglarla — o si sale más a cuenta rehacerla ligera — pásanosla y te lo decimos con datos.