¿Por qué Core Web Vitals importa para tu negocio?
Desde 2021, Google usa los Core Web Vitals como señal de ranking. Pero más allá del SEO, estos indicadores miden algo real: qué tan rápido y estable se siente tu sitio para un usuario en un celular con conexión 4G.
Un sitio que pasa los umbrales de Core Web Vitals convierte mejor, rebota menos y posiciona más alto. Los tres indicadores actuales son LCP, CLS e INP.
LCP: Largest Contentful Paint
Mide cuánto tarda en aparecer el elemento más grande visible en pantalla (generalmente la imagen hero o el titular principal). El umbral de Google es 2.5 segundos o menos.
Las causas más comunes de LCP lento: imágenes sin optimizar, servidor lento (TTFB alto), CSS o JS que bloquean el render, y fuentes web que retrasan el texto visible.
Soluciones concretas: precargar la imagen hero con link rel='preload', convertir imágenes a WebP o AVIF, usar CDN para recursos estáticos y habilitar compresión Brotli en el servidor.
CLS: Cumulative Layout Shift
Mide los saltos visuales inesperados durante la carga: ese momento en que el texto salta porque cargó una imagen sin dimensiones. El umbral es 0.1 o menos.
Causas frecuentes: imágenes y videos sin atributos width y height definidos, contenido que se inyecta dinámicamente (banners, pop-ups), y fuentes web que cambian el layout al cargar.
Fix directo: siempre incluir width y height en las etiquetas img. Para fuentes, usar font-display: swap. Para contenido dinámico, reservar el espacio antes de que cargue.
INP: Interaction to Next Paint
Reemplazó al FID en 2024. Mide el tiempo que tarda la página en responder a cualquier interacción del usuario (click, tap, teclado). El umbral es 200ms o menos.
Un INP alto generalmente se debe a JavaScript pesado que bloquea el hilo principal. Soluciones: dividir tareas largas en chunks más pequeños, diferir JS no crítico, y evitar librerías pesadas cuando hay alternativas nativas más livianas.
Cómo medir tus Core Web Vitals ahora mismo
Tres herramientas gratuitas: PageSpeed Insights (pagespeed.web.dev) muestra datos reales de usuarios del campo. Search Console bajo 'Experiencia de página' muestra qué URLs tienen problemas. Chrome DevTools con Lighthouse permite analizar en tiempo real durante el desarrollo.
Importante: los datos de campo (CrUX) son los que Google usa para ranking. Los datos de laboratorio (Lighthouse) son útiles para diagnóstico pero no son los mismos que se usan en el algoritmo.
Plan de acción por prioridad
Si tus Core Web Vitals están en rojo, este es el orden de impacto: primero optimizá las imágenes (mayor ganancia con menos esfuerzo), luego corregí el CLS definiendo dimensiones, después trabajá el TTFB con mejor hosting o CDN, y finalmente auditá el JavaScript si el INP sigue alto.