Core Web Vitals: qué medir y cómo mejorar cada métrica
LCP, INP y CLS explicadas sin tecnicismos, con las mejoras que más impacto tienen en cada caso.
- Rendimiento
- SEO
Google lleva años usando la experiencia real de los usuarios como señal de posicionamiento. Esas señales son las Core Web Vitals, y se reducen a tres números.
Las tres métricas que importan
| Métrica | Qué mide | Objetivo |
|---|---|---|
| LCP | Cuánto tarda en verse el contenido principal | < 2,5 s |
| INP | Cuánto tarda la página en responder a un clic | < 200 ms |
| CLS | Cuánto “salta” el contenido mientras carga | < 0,1 |
Cómo mejorar el LCP
El LCP suele ser una imagen grande o un titular. Las mejoras con más impacto:
- Servir las imágenes en WebP o AVIF y con el tamaño correcto.
- Marcar la imagen principal con
fetchpriority="high"y no cargarla tarde. - Reducir el trabajo de CSS y JavaScript que bloquea el primer render.
- Usar una CDN y cachear bien los recursos estáticos.
Cómo mejorar el INP
El INP mide si la página responde rápido cuando el usuario interactúa. Casi siempre el culpable es JavaScript de más:
- Quitar scripts que no se usan.
- Cargar los que sobran con
defero en diferido. - Evitar tareas largas que bloquean el hilo principal.
- Menos dependencias de terceros.
Cómo mejorar el CLS
El CLS aparece cuando algo se mueve justo cuando ibas a pulsarlo. Se arregla reservando el espacio de cada elemento:
- Ancho y alto explícitos en imágenes y vídeos.
- Espacio reservado para banners, avisos y anuncios.
- Cuidado con las fuentes web: usa
font-display: swapy métricas de respaldo.
Mídelo con datos reales, no solo en tu portátil
Un test en tu ordenador con buena conexión siempre sale bien. Lo que cuenta es el dato de campo, el de tus usuarios reales, que puedes ver en Search Console.
Regla práctica: primero mide, luego cambia un solo factor, y vuelve a medir. Optimizar a ciegas es la forma más rápida de perder tiempo.
Si no quieres pelearte con esto, nosotros hacemos la auditoría y aplicamos las mejoras.