Guías

Core Web Vitals explicados: cómo medir y mejorar la experiencia de página

Core Web Vitals explicados: cómo medir y mejorar la experiencia de página

Flowsery Team
Flowsery Team
1 min de lectura

TL;DR — Respuesta rápida

1 min de lectura

Los Core Web Vitals miden la carga (LCP inferior a 2,5 s), la capacidad de respuesta (INP inferior a 200 ms) y la estabilidad visual (CLS inferior a 0,1). Son un factor de posicionamiento en Google. Los scripts de analítica pesados son uno de los elementos con mayor impacto para optimizar.

Los Core Web Vitals de Google son métricas específicas que miden la experiencia real del usuario en páginas web. Desde que se convirtieron en un factor de posicionamiento en 2021, influyen directamente en la visibilidad en los resultados de búsqueda.

Los tres Core Web Vitals

Largest Contentful Paint (LCP)

Mide el rendimiento de carga. Objetivo: menos de 2,5 segundos.

Interaction to Next Paint (INP)

Mide la capacidad de respuesta: el tiempo entre la interacción del usuario y la actualización visual. Reemplazó al FID en 2024. Objetivo: menos de 200 milisegundos.

Cumulative Layout Shift (CLS)

Mide la estabilidad visual: los desplazamientos inesperados del contenido durante la carga. Objetivo: inferior a 0,1.

Por qué importan los Core Web Vitals

Google los utiliza como señal de posicionamiento. Se correlacionan con la satisfacción del usuario, tasas de rebote más bajas y mejores tasas de conversión. Muchos sitios web aún no superan las evaluaciones, lo que crea una oportunidad competitiva.

Cómo medir los Core Web Vitals

Usa Google PageSpeed Insights para datos de laboratorio y campo, Google Search Console para el rendimiento a nivel de sitio, Chrome DevTools para depuración y la biblioteca JavaScript Web Vitals para mediciones de usuarios reales.

Mejorar el LCP

  • Optimiza imágenes con formatos modernos (WebP, AVIF) y carga diferida
  • Minimiza el CSS y JavaScript que bloquean el renderizado
  • Usa un CDN para proximidad geográfica
  • Reduce el tiempo de respuesta del servidor
  • Precarga recursos críticos
  • Elimina scripts de terceros pesados

Mejorar el INP

  • Divide las tareas largas de JavaScript en fragmentos más pequeños
  • Minimiza el tiempo de ejecución de JavaScript
  • Reduce el tamaño del DOM
  • Usa web workers para cálculos pesados

Mejorar el CLS

  • Establece dimensiones explícitas en imágenes y vídeos
  • Reserva espacio para anuncios e incrustaciones
  • Evita insertar contenido por encima del contenido existente
  • Carga las fuentes web correctamente con font-display: swap

El impacto de los scripts de analítica

El script de Google Analytics añade aproximadamente 45 KB y ejecuta JavaScript que puede retrasar el LCP e impactar el INP. Las alternativas de analítica ligeras (algunas de menos de 1 KB) tienen un impacto insignificante. Auditar los scripts de terceros es una de las mejoras de mayor impacto que puedes realizar.

¿Te resultó útil este artículo?

¡Cuéntanos qué opinas!

Antes de irte...

Flowsery

Flowsery

Analítica orientada a ingresos para tu sitio web

Rastrea cada visitante, fuente y conversión en tiempo real. Simple, potente y totalmente conforme con el RGPD.

Flowsery

Panel en tiempo real

Seguimiento de objetivos

Rastreo sin cookies

Artículos relacionados