Si tu web es lenta, Google la baja en el ranking. Así de simple. Los Core Web Vitals son las tres métricas con las que Google mide la experiencia real de usuario en tu página, y en 2026 son factor de posicionamiento confirmado. Te cuento qué son, cómo medirlas y cómo arreglar las tres en una tarde.
1. LCP: cuándo aparece el contenido principal
Largest Contentful Paint mide cuánto tarda el elemento más grande en aparecer en pantalla (normalmente la imagen hero o un título). Objetivo: menos de 2,5 segundos en P75. La mayoría de webs lentas lo son porque cargan una imagen hero de 5 MB o porque la fuente custom bloquea el renderizado. Comprime imágenes a máximo 1920px, sirve WebP o AVIF y añade fetchpriority="high" a la imagen principal.
2. INP: cómo de fluida es la interacción
Interaction to Next Paint sustituyó a FID en marzo de 2024 y mide cuánto tarda tu web en responder cuando el usuario hace clic o pulsa una tecla. Objetivo: menos de 200 ms en P75. INP detecta JavaScript pesado que bloquea el hilo principal. Solución: divide el JS en chunks, usa requestIdleCallback para tareas no urgentes y elimina apps de Shopify que no uses.
3. CLS: cuánto se mueve el diseño al cargar
Cumulative Layout Shift mide si los elementos saltan mientras la página carga. Objetivo: menos de 0,1. Causa típica: imágenes sin width y height declarados, anuncios que se insertan a posteriori, fuentes que cambian de tamaño. Define dimensiones explícitas en todas las imágenes y reserva el espacio de los banners antes de que carguen.
4. Cómo medir los Core Web Vitals reales
Hay dos fuentes que importan: PageSpeed Insights (datos lab + campo) y Search Console (datos reales de CrUX). La diferencia es clave: lab te dice qué podrías hacer mejor; el reporte de campo es lo que Google usa para posicionar. Optimiza para campo, no para lab.
5. El truco del preload para LCP
Si tu LCP es una imagen, añade un link rel="preload" as="image" con fetchpriority="high" en el head. Esto le dice al navegador que la descargue ANTES incluso de procesar el CSS. Solo con esto, muchas webs bajan su LCP de 3 segundos a 1,5 segundos sin tocar nada más.
6. JavaScript: el enemigo silencioso del INP
El 90% de webs con INP malo tienen el mismo problema: un script de terceros (chat widget, analytics, herramienta de A/B testing) que bloquea el hilo principal. Audita con Chrome DevTools (pestaña Performance), identifica el script más pesado y carga los no críticos con defer o async. Si usas Shopify, revisa el tab Apps y elimina las que no aporten valor real.
7. CLS y las fuentes web: el detalle que casi nadie ve
Cuando una página carga primero con una fuente fallback y luego salta a tu fuente custom, eso es CLS oculto. La solución: añade font-display: optional o usa size-adjust para ajustar la fuente fallback al ancho de la custom. También puedes precargar la fuente con link rel="preload" as="font".
Conclusión: Core Web Vitals son SEO, no sólo UX
En 2026, una web con buen contenido pero malos Core Web Vitals pierde frente a una con contenido decente y métricas perfectas. Empieza por la imagen hero (más impacto), sigue con el JavaScript pesado y termina con las dimensiones explícitas.
En SEOvivo auditamos y arreglamos los Core Web Vitals de tu web por 50€, pago único, resultados visibles en PageSpeed Insights en 7 días. Lee también nuestra guía sobre AI Overviews.