Las Core Web Vitals son tres métricas que Google utiliza para evaluar la experiencia de usuario de tu página web. Desde 2021 son un factor de posicionamiento oficial para el SEO. En Theory7 te ayudamos a entender qué significan estas métricas y cómo mejorarlas.

¿Qué son las Core Web Vitals?

Las Core Web Vitals miden tres aspectos de la experiencia de usuario: la velocidad de carga, la interactividad y la estabilidad visual. Google recopila estos datos de usuarios reales a través de Chrome y los utiliza para evaluar las páginas web. Las buenas puntuaciones ayudan a tu posicionamiento; las malas pueden costarte posiciones.

LCP: Largest Contentful Paint

El LCP mide la rapidez con la que se carga el elemento visible más grande de tu página. Suele ser la imagen principal, la miniatura de un vídeo o un bloque de texto grande. Un buen LCP está por debajo de 2,5 segundos. Entre 2,5 y 4 segundos es regular y por encima es malo.

Mejorar el LCP

Optimiza el tiempo de respuesta del servidor. Con el hosting LiteSpeed de Theory7 ya tienes una base rápida. Activa la caché del lado del servidor a través de DirectAdmin.

Comprime y optimiza las imágenes. Utiliza formatos modernos como WebP y asegúrate de que las imágenes no sean más grandes de lo necesario. Las imágenes hero de gran tamaño suelen ser las culpables de las malas puntuaciones de LCP.

Usa una CDN para el contenido estático. Una red de distribución de contenidos (Content Delivery Network) entrega imágenes y scripts desde servidores cercanos a tus visitantes. Cloudflare es una opción gratuita que funciona bien con el hosting de Theory7.

Precarga los recursos importantes. Añade indicaciones de precarga (preload) para tu elemento LCP, de modo que el navegador le dé prioridad. Usa la etiqueta link rel preload en tu cabecera para las imágenes críticas.

FID: First Input Delay (ahora INP)

El FID medía la rapidez con la que tu página web responde a la primera interacción de un usuario, como un clic o un toque. Google ya ha sustituido el FID por el INP (Interaction to Next Paint), pero el principio sigue siendo el mismo: tu web debe responder rápido a las acciones de los usuarios. Una buena puntuación está por debajo de 100 milisegundos.

Mejorar el FID y el INP

Minimiza el JavaScript. Los scripts pesados bloquean el navegador y ralentizan las interacciones. Elimina los plugins y scripts que no utilices. En WordPress puedes desactivar los plugins que no uses de forma activa.

Divide las tareas largas. Las tareas de JavaScript que duran más de 50ms bloquean el hilo principal. Los plugins de caché modernos ayudan aplazando los scripts hasta después de la carga de la página.

Usa un plugin de caché. LiteSpeed Cache para WordPress optimiza automáticamente tu JavaScript y tu CSS, lo que mejora directamente tus puntuaciones de interactividad.

CLS: Cumulative Layout Shift

El CLS mide cuánto se desplaza el diseño de la página durante la carga. Seguro que te resulta familiar: quieres hacer clic en algo y de repente el contenido salta por culpa de un anuncio o una imagen que se carga tarde. Una buena puntuación de CLS está por debajo de 0,1.

Mejorar el CLS

Da a las imágenes unas dimensiones fijas. Especifica siempre los atributos width y height en los elementos img. Así el navegador reserva el espacio antes de que se cargue la imagen.

Reserva espacio para los anuncios. Si muestras anuncios, da al contenedor una altura fija para que el contenido no se desplace cuando se cargue el anuncio.

Carga bien las fuentes. Usa font-display swap en tu CSS para que el texto sea visible de inmediato con una fuente alternativa mientras se carga tu fuente web. Plantéate usar fuentes del sistema para obtener un mejor rendimiento.

Evita el contenido dinámico en la parte superior. Los banners o notificaciones que aparecen tras la carga empujan el contenido hacia abajo. Reserva espacio o colócalos en la parte inferior de la página.

Medir las Core Web Vitals

PageSpeed Insights

Ve a pagespeed.web.dev e introduce tu URL. Verás tanto los datos de laboratorio (pruebas simuladas) como los datos de campo (datos de usuarios reales). Céntrate en los datos de campo, porque son los que Google utiliza para el posicionamiento.

Google Search Console

En Search Console encontrarás el informe Métricas web principales (Core Web Vitals) en Experiencia. Verás qué URL obtienen una puntuación buena, regular o mala, agrupadas por problema.

Chrome DevTools

Abre DevTools con F12, ve a la pestaña Lighthouse y ejecuta una auditoría. Recibirás recomendaciones específicas por métrica, con el ahorro de tiempo estimado.

Theory7 y las Core Web Vitals

Nuestros servidores LiteSpeed están optimizados para la velocidad. Con la compresión Brotli, HTTP/2 y la caché del lado del servidor partes con ventaja sobre la competencia. Combínalo con los consejos de este artículo para obtener unas puntuaciones óptimas de Core Web Vitals.

¿Quieres empezar con una página web rápida? Consulta nuestros planes de hosting con LiteSpeed y da a tu página web la velocidad que merece.