Core Web Vitals — lo que realmente importa en 2026
LCP, INP, CLS. Tres métricas que Google usa para decidir si tu sitio merece estar en la primera página.
Google ha sido explícito: la experiencia del usuario es factor de ranking. Y la experiencia, en este contexto, se mide con tres números — Core Web Vitals. Quien está fuera de los límites, pierde posición. Quien está dentro, gana.
LCP — Largest Contentful Paint
Mide el tiempo hasta que se pinta el elemento visible más grande. Hero image, titular grande, vídeo principal. Umbral: 2,5 segundos. Por encima de 4 segundos es "poor" — y Google lo sabe.
Lo que suele romperlo: imágenes sin optimizar, fuentes que bloquean el render, servidor lento, falta de caché.
INP — Interaction to Next Paint
Sustituyó al FID en marzo de 2024. Mide la latencia entre la interacción del usuario (clic, toque, tecla) y la respuesta de la pantalla. Umbral: 200 ms. Por encima de 500 ms, es "poor".
Lo que suele romperlo: JavaScript pesado bloqueando el main thread, listeners mal escritos, frameworks que renderizan de más.
CLS — Cumulative Layout Shift
Mide cuánto salta el layout mientras la página carga. Umbral: 0,1. Ese momento en el que ibas a clicar un botón y el anuncio lo empujó hacia abajo. Eso es CLS.
Lo que suele romperlo: imágenes sin width/height, fuentes que cambian de tamaño al cargar, anuncios y embeds inyectados después del load.
Cómo medir
PageSpeed Insights mide en laboratorio (simulación) y en campo (usuarios reales vía Chrome User Experience Report). Vale ver ambos — "lab" es controlado, "field" es lo que cuenta para Google.
Otra vía: Search Console > Core Web Vitals. Ahí muestra URLs específicas con problemas, agrupadas por patrón. La forma más directa de saber dónde tocar primero.
Lo que suele resolver el 80% de los problemas
- Imágenes en WebP/AVIF con width/height explícitos en el HTML
- Fuentes con preload y font-display: swap
- JavaScript dividido en chunks pequeños, con lazy loading de lo no crítico
- Un CDN delante del servidor (Cloudflare, Vercel Edge, Cloudfront)
- Server-side rendering o static generation para contenido público
- Eliminar librerías que nadie usa pero que siguen en el bundle
Estos seis puntos arreglan la mayoría de los sitios con mala puntuación. El resto es caso a caso — y ahí empieza el trabajo serio de optimización.