Core Web Vitals en 2026: guía completa para sitios ultrarrápidos

Las 3 métricas que importan

LCP (Largest Contentful Paint): tiempo hasta que carga el elemento más grande visible. Objetivo: <2.5s.

INP (Interaction to Next Paint): latencia desde la primera interacción del usuario. Objetivo: <200ms. (Reemplazó a FID en 2024.)

CLS (Cumulative Layout Shift): qué tanto se mueve la página mientras carga. Objetivo: <0.1.

Cómo arreglar LCP

1. Comprimir y servir imágenes en WebP/AVIF.
2. Pre-cargar la imagen hero con <link rel="preload">.
3. Eliminar render-blocking de CSS y JS (defer/async).
4. Usar CDN para servir contenido cerca del usuario.
5. Hosting con HTTP/3 y servidor edge.

Cómo arreglar INP

• Reducir JavaScript no esencial (audit bundle).
• Code splitting por ruta.
• Lazy load de componentes no críticos.
• Sustituir librerías pesadas (Moment.js → date-fns, jQuery → vanilla).
• Web Workers para tareas pesadas.

Cómo arreglar CLS

• Dimensiones explícitas en <img> e iframes.
• Reservar espacio para anuncios y embeds.
• Evitar inyectar contenido encima de lo existente.
• Usar font-display: swap con cuidado o sustituir con optional.

Herramientas recomendadas

• PageSpeed Insights — diagnóstico oficial de Google.
• Chrome DevTools Lighthouse — auditoría local.
• WebPageTest — análisis profundo con waterfall.
• Search Console → Core Web Vitals — datos reales de usuarios.

Si quieres una auditoría profesional, contáctanos en Grupo Gurú: te entregamos diagnóstico + plan de acción en 7 días.