¿Qué son los Core Web Vitals?
Los Core Web Vitals son tres métricas definidas por Google para medir la experiencia real del usuario al visitar un sitio web. Cada una evalúa un aspecto diferente del rendimiento:
- LCP – Largest Contentful Paint: mide el tiempo que tarda en renderizarse el elemento más grande visible en la pantalla (generalmente una imagen hero o un bloque de texto principal). El objetivo es que ocurra en menos de 2.5 segundos.
- INP – Interaction to Next Paint: reemplazó al FID en marzo de 2024. Mide la capacidad de respuesta del sitio ante interacciones del usuario (clics, toques, teclado). El objetivo es mantenerlo por debajo de 200 ms.
- CLS – Cumulative Layout Shift: evalúa la estabilidad visual de la página. Un CLS alto significa que los elementos se mueven mientras cargás el contenido, lo que genera una experiencia frustrante. El objetivo es un valor menor a 0.1.
Cada métrica tiene tres rangos: verde (bueno), naranja (necesita mejora) y rojo (malo). Google premia a los sitios que logran las tres en verde.
¿Por qué impactan en el SEO en 2026?
Los Core Web Vitals forman parte del conjunto de señales conocido como Page Experience, que Google usa para evaluar la calidad general de un sitio. Un sitio con métricas en rojo puede perder visibilidad frente a uno de menor autoridad pero mejor rendimiento técnico.
Además, con el mobile-first indexing completamente implementado, Google indexa y rankea basándose principalmente en la versión móvil de tu sitio. Si tu sitio es lento en mobile, el impacto en tu posicionamiento es directo.
Más allá del SEO, los Core Web Vitals también afectan la tasa de conversión. Un segundo de retraso en la carga puede reducir las conversiones hasta un 7%. La experiencia de usuario no es solo un factor de ranking: es un factor de negocio.
Cómo medir tus Core Web Vitals
Existen varias herramientas gratuitas para analizar el estado de tus métricas:
- Google Search Console: tiene un reporte dedicado a Core Web Vitals que muestra páginas con problemas basándose en datos reales de usuarios (datos de campo).
- PageSpeed Insights: analiza cualquier URL y devuelve métricas tanto de campo como de laboratorio, con recomendaciones específicas de mejora.
- Chrome DevTools / Lighthouse: te permite hacer auditorías locales y simular condiciones de red lentas para identificar cuellos de botella.
Los umbrales a recordar son: verde (bueno), naranja (necesita mejora) y rojo (pobre). Para Google Search Console, un 75% de tus visitas debe estar en verde para que una URL se considere "aprobada".
Las causas más comunes de fallas en Core Web Vitals
Entender por qué fallen tus métricas es el primer paso para corregirlas:
LCP alto (carga lenta):
- Imágenes hero sin optimizar (formatos JPEG pesados en lugar de WebP/AVIF)
- Servidor lento con tiempo de respuesta alto (TTFB elevado)
- Recursos que bloquean el renderizado: CSS o JavaScript cargado en el
<head>sin defer ni async
INP alto (interacciones lentas):
- JavaScript pesado ejecutándose en el hilo principal
- Scripts de terceros (chats, analytics, ads) que bloquean la respuesta
- Componentes React o Vue sin optimización de re-renders
CLS alto (inestabilidad visual):
- Imágenes sin atributos
widthyheightdefinidos - Contenido inyectado dinámicamente (banners, popups) sin reservar espacio previo
- Fuentes web que provocan FOUT (Flash of Unstyled Text) al cargarse tarde
Cómo mejorar los Core Web Vitals paso a paso
Una vez identificadas las causas, estas son las acciones concretas que mejor resultado dan:
- Convertí tus imágenes a WebP o AVIF y especificá siempre los atributos
widthyheight. - Usá lazy loading para imágenes fuera del viewport inicial, pero nunca para la imagen hero o LCP.
- Implementá una CDN para servir recursos estáticos desde ubicaciones cercanas al usuario.
- Eliminá CSS y JS no utilizados. Herramientas como PurgeCSS o el análisis de cobertura de Chrome DevTools te ayudan a identificarlos.
- Precargá las fuentes críticas con
<link rel="preload">y usáfont-display: swappara evitar textos invisibles. - Considerá el server-side rendering (SSR) o la generación estática (SSG) para reducir el tiempo de respuesta inicial del servidor.
Si tu sitio fue construido con tecnologías modernas como Astro o Next.js, muchas de estas optimizaciones vienen incluidas por defecto. Si trabajás sobre WordPress o un page builder, el camino requiere más trabajo técnico.
Aprender sobre diseño web responsive es otro paso importante: un sitio mobile-first bien construido suele tener métricas de Core Web Vitals naturalmente mejores.
¿Querés que auditemos el rendimiento de tu sitio? Hablemos por WhatsApp y te damos un diagnóstico sin costo.
