Core Web Vitals 2026: la guía práctica para no perder posiciones en Google
Google lleva años diciéndolo: la experiencia del usuario importa para el posicionamiento. Los Core Web Vitals son las métricas que miden esa experiencia. Si las tienes en rojo, estás perdiendo tráfico frente a competidores más rápidos.
Las 3 métricas que importan
LCP — Largest Contentful Paint
Mide el tiempo hasta que el elemento más grande de la página (normalmente una imagen o un título) es visible.
- Bueno: < 2.5 segundos
- Necesita mejora: 2.5 – 4 segundos
- Malo: > 4 segundos
La causa más común de LCP lento: imágenes sin optimizar. Una imagen de 3MB que debería pesar 80KB.
INP — Interaction to Next Paint
Mide el tiempo de respuesta de la página cuando el usuario hace algo (clic, scroll, tecla).
- Bueno: < 200ms
- Necesita mejora: 200 – 500ms
- Malo: > 500ms
La causa más común de INP alto: JavaScript bloqueante en el hilo principal. Demasiados scripts cargando a la vez.
CLS — Cumulative Layout Shift
Mide cuánto se mueve el contenido mientras la página carga. Ese salto incómodo cuando el texto cambia de posición al aparecer un anuncio.
- Bueno: < 0.1
- Necesita mejora: 0.1 – 0.25
- Malo: > 0.25
La causa más común de CLS alto: imágenes y fuentes sin dimensiones explícitas.
Las 5 optimizaciones con más impacto
1. Convierte tus imágenes a WebP/AVIF
Una imagen JPG de 500KB puede convertirse en un WebP de 80KB sin diferencia visual perceptible. Usa <picture> con fallback.
2. Añade width y height a todas las imágenes
Evita el CLS. El browser reserva el espacio correcto antes de cargar la imagen.
<img src="hero.webp" width="1200" height="630" alt="..." loading="lazy" />3. Usa loading="lazy" en imágenes fuera del fold
Solo carga las imágenes que el usuario va a ver. Las del final de la página esperan.
4. Preload del recurso LCP
Si sabes cuál es el elemento LCP (normalmente la imagen hero), cárgalo antes:
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high" />5. Aplaza los scripts no críticos
Analytics, chat widgets, scripts de terceros — todos pueden cargarse después del contenido principal.
<script src="analytics.js" defer></script>Cómo medir tu situación actual
- PageSpeed Insights (pagespeed.web.dev) — análisis gratuito e inmediato
- Lighthouse en Chrome DevTools — análisis local
- Google Search Console — datos reales de usuarios, no simulados
La diferencia entre datos de laboratorio (Lighthouse) y datos reales (Search Console) puede ser significativa. Siempre prioriza los datos reales.
Si tu web tiene problemas en estas métricas y no sabes por dónde empezar, en Sunachi hacemos auditorías de performance gratuitas para clientes potenciales.