Los Core Web Vitals son un conjunto de métricas específicas de Google que miden la experiencia del usuario en una página web. Estas métricas se centran en tres aspectos fundamentales: la velocidad de carga, la interactividad y la estabilidad visual.
¿Por qué son importantes?
Los Core Web Vitals ayudan a evaluar la experiencia de uso y forman parte de las señales que Google considera. Mejorarlos facilita la navegación, pero una buena puntuación no garantiza posiciones: la utilidad y la relevancia del contenido también importan.
Las tres métricas principales
1. Largest Contentful Paint (LCP)
El LCP mide el tiempo que tarda en cargarse el contenido principal de una página. Esta métrica indica cuánto tiempo necesita un usuario para ver el contenido más relevante de la página.
- Bueno: Hasta 2,5 segundos
- Necesita mejoras: Entre 2.5 y 4 segundos
- Deficiente: Más de 4 segundos
2. Interaction to Next Paint (INP)
El INP evalúa la respuesta visual de una página a las interacciones del usuario, como clics, pulsaciones y uso del teclado, durante la visita. Sustituyó a FID como Core Web Vital en marzo de 2024.
- Bueno: Hasta 200 milisegundos.
- Necesita mejoras: Más de 200 y hasta 500 milisegundos.
- Deficiente: Más de 500 milisegundos.
Los umbrales se evalúan con el percentil 75 de las visitas reales, diferenciando móvil y ordenador. Una prueba de carga sin interacciones no permite evaluar por sí sola el INP. Puedes consultar la documentación de INP de Google.
3. Cumulative Layout Shift (CLS)
El CLS mide la estabilidad visual, es decir, cuánto cambia la disposición de los elementos durante la carga de la página. Un valor alto indica que los elementos se mueven mucho mientras la página se carga, lo que puede resultar molesto para los usuarios.
- Bueno: Hasta 0,1
- Necesita mejoras: Entre 0.1 y 0.25
- Deficiente: Más de 0.25
Cómo medir los Core Web Vitals
Existen varias herramientas que te permiten medir y monitorizar los Core Web Vitals:
- Google PageSpeed Insights: Analiza el rendimiento de tu página web y ofrece sugerencias de optimización.
- Google Search Console: Proporciona un informe específico de Core Web Vitals para tu sitio web.
- Test My Site: Herramienta centrada en el rendimiento móvil.
- Lighthouse: Disponible en las herramientas para desarrolladores de Chrome.
Consejos para mejorar los Core Web Vitals
Para mejorar el LCP:
- Optimiza las imágenes (tamaño y formato)
- Implementa lazy loading para recursos no críticos
- Utiliza un CDN (Red de Distribución de Contenido)
- Minimiza el código CSS y JavaScript
- Reduce el tiempo de respuesta del servidor
Para mejorar el INP:
- Minimiza y divide el código JavaScript
- Elimina JavaScript no utilizado
- Reduce el tiempo de ejecución de JavaScript en el hilo principal
- Utiliza web workers para trasladar trabajo fuera del hilo principal
Para mejorar el CLS:
- Especifica dimensiones para imágenes y vídeos
- Reserva espacio para anuncios
- Evita insertar contenido sobre contenido existente
- Predefine el espacio para fuentes personalizadas
Los Core Web Vitals son fundamentales para ofrecer una buena experiencia de usuario y mejorar el posicionamiento SEO. Un sitio web que carga rápido, responde con rapidez a las interacciones y mantiene una estabilidad visual durante la carga tendrá más probabilidades de obtener un buen ranking en los resultados de búsqueda de Google, además de proporcionar una experiencia positiva a los usuarios.
