Core Web Vitals
Métricas de Google que miden la experiencia del usuario en velocidad, interactividad y estabilidad visual.
Resumen rápido
Core Web Vitals se refiere a métricas de Google que miden la experiencia del usuario en velocidad, interactividad y estabilidad visual. Páginas con buenos Core Web Vitals tienen mejor posicionamiento en Google y menores tasas de rebote. Google muestra estas métricas en Search Console y las usa como señal de ranking. Consejo clave: El truco más rápido para mejorar LCP: identifica el elemento más grande visible en tu página (normalmente una imagen hero o un H1 grande) y asegúrate de que se cargue en los primeros 2.
¿Qué es Core Web Vitals?
Los Core Web Vitals son un conjunto de métricas específicas que Google usa para evaluar la experiencia del usuario en una página web. Incluyen LCP (Largest Contentful Paint) que mide la velocidad de carga del elemento más grande visible, INP (Interaction to Next Paint) que mide la interactividad y capacidad de respuesta ante clics del usuario, y CLS (Cumulative Layout Shift) que mide la estabilidad visual y cuánto se "mueve" el contenido durante la carga. Desde 2021 son un factor de ranking confirmado por Google, y en 2024 INP reemplazó oficialmente a FID como métrica de interactividad.
¿Por qué importa?
Páginas con buenos Core Web Vitals tienen mejor posicionamiento en Google y menores tasas de rebote. Google muestra estas métricas en Search Console y las usa como señal de ranking. Más allá del SEO, sitios con buenas métricas de rendimiento convierten mejor: Amazon documentó que cada 100ms de mejora en velocidad incrementaba las ventas un 1%.
Cómo aplicar Core Web Vitals paso a paso
Optimiza imágenes y fuentes para mejorar LCP, minimiza JavaScript de terceros para mejorar INP, y usa dimensiones explícitas en imágenes y anuncios para reducir CLS. Mide tus Core Web Vitals tanto en datos de laboratorio (Lighthouse) como en datos de campo (Chrome UX Report en Search Console) para obtener una imagen completa del rendimiento real.
Ejemplo práctico
Un blog de marketing tenía un LCP de 6.2 segundos porque cargaba una imagen hero de 3MB sin comprimir. Al convertirla a WebP (180KB), agregar width/height y precargarla con <link rel="preload">, el LCP bajó a 1.8 segundos y el tráfico orgánico subió un 23% en 2 meses. Adicionalmente, el bounce rate en móvil se redujo del 68% al 41%.
Errores comunes
Ignorar las métricas de campo (usuarios reales) y solo mirar datos de laboratorio (Lighthouse)
Cargar fuentes personalizadas sin font-display: swap, causando texto invisible durante segundos
Insertar banners o pop-ups que desplazan el contenido visible (CLS alto)
Tener más de 3 scripts de terceros (analytics, chat, ads) sin lazy loading ni defer
Tip pro
El truco más rápido para mejorar LCP: identifica el elemento más grande visible en tu página (normalmente una imagen hero o un H1 grande) y asegúrate de que se cargue en los primeros 2.5 segundos. Si es una imagen, usa <link rel="preload" as="image">. Para INP, el mayor culpable suele ser JavaScript que bloquea el hilo principal: revisa qué scripts puedes diferir o eliminar.
Preguntas frecuentes
Herramientas relacionadas
Términos relacionados
My Rank Lab
Aprende a aplicar Core Web Vitals como un profesional
Herramientas reales, cursos avanzados y soporte experto. No solo lees, aplicas.