Core Web Vitals: qué son y cómo mejorar la velocidad de tu web

Si has revisado alguna vez tu web en PageSpeed Insights o en Google Search Console, seguro que te has topado con tres siglas que no dicen nada a primera vista: LCP, INP y CLS. Son los Core Web Vitals, un conjunto de métricas con las que Google mide la experiencia real de carga y uso de una página, y que forman parte de los factores de posicionamiento en buscadores.

No hace falta ser desarrollador para entender qué miden ni para saber qué está probablemente fallando en tu web. En este artículo te lo explico de forma práctica, con foco en WordPress porque es donde más veces me encuentro estos problemas.

Qué son los Core Web Vitals

Son tres métricas que Google usa para evaluar la experiencia de carga de una página desde el punto de vista del usuario real, no solo desde un test de laboratorio:

LCP (Largest Contentful Paint)

Mide cuánto tarda en aparecer el elemento más grande visible en la pantalla (normalmente una imagen destacada, un vídeo o un bloque de texto grande) desde que el usuario entra en la página. Es, en la práctica, la sensación de “cuánto tarda en cargar esto”.

Google considera bueno un LCP por debajo de 2,5 segundos.

INP (Interaction to Next Paint)

Sustituyó a la antigua métrica FID en 2024. Mide cuánto tarda la página en responder visualmente después de que el usuario interactúa con ella: hacer clic en un botón, abrir un menú, escribir en un formulario. Un INP alto se traduce en esa sensación de web que “se queda pillada” un instante después de tocar algo.

Un buen INP está por debajo de 200 milisegundos.

CLS (Cumulative Layout Shift)

Mide cuánto se mueven los elementos de la página mientras carga. Seguro que te ha pasado: intentas hacer clic en un botón y, justo antes, una imagen o un banner se carga encima y desplaza todo, haciendo que acabes pulsando otra cosa. Eso es un CLS alto, y Google lo penaliza porque es una mala experiencia real y medible.

Un buen CLS está por debajo de 0,1.

Por qué importan para el SEO

Google usa los Core Web Vitals como parte de sus señales de “experiencia de página” dentro del algoritmo de posicionamiento. No son el factor con más peso (el contenido relevante y los enlaces siguen pesando más), pero en resultados muy igualados en calidad de contenido, una mejor experiencia técnica puede inclinar la balanza. Y más allá del SEO puro, una web lenta o que da saltos visuales tiene peor conversión, sea cual sea su posición en Google: la gente se va antes de completar la compra o el formulario de contacto.

Cómo medir tus Core Web Vitals

Hay tres herramientas gratuitas de Google que te dan esta información:

• PageSpeed Insights: análisis puntual de una URL concreta, con datos de laboratorio y, si hay suficiente tráfico, datos de campo reales.
• Google Search Console: sección de “Core Web Vitals”, con el histórico de tu web completa, agrupando URLs por tipo de problema.
• Chrome UX Report (CrUX): la base de datos de la que se nutren las dos herramientas anteriores, con datos anónimos de usuarios reales de Chrome.

Lo importante es que estas métricas se basan en usuarios reales navegando tu web, no solo en un test simulado en un servidor, así que reflejan mejor la experiencia real de tus visitantes.

Por qué WordPress suele tener problemas de Core Web Vitals

WordPress en sí mismo no es lento, pero es muy fácil hacerlo lento sin darte cuenta:

• Demasiados plugins, muchos de ellos cargando su propio CSS y JavaScript en todas las páginas, los necesites o no.
• Imágenes sin optimizar, subidas directamente desde el móvil o la cámara sin comprimir ni redimensionar.
• Temas mal codificados, sobre todo los temas “todo en uno” muy genéricos que cargan recursos para funcionalidades que ni siquiera usas.
• Hosting compartido de bajo coste, donde compartes recursos de servidor con cientos de webs y el rendimiento se resiente en las horas de más tráfico.
• Falta de caché, obligando al servidor a generar cada página desde cero en cada visita en lugar de servir una versión ya preparada.

Cómo mejorar cada métrica

Para mejorar el LCP

• Comprimir y redimensionar las imágenes al tamaño real que se van a mostrar, en formatos modernos como WebP o AVIF.
• Usar carga diferida (lazy loading) en las imágenes que no se ven al entrar en la página, pero no en la imagen principal, que debe cargar cuanto antes.
• Activar un sistema de caché de página y, si el tráfico lo justifica, un CDN para servir los archivos desde un servidor más cercano al visitante.
• Elegir un hosting con recursos suficientes para tu volumen de tráfico.

Para mejorar el INP

• Reducir el JavaScript que se ejecuta en cada página al mínimo necesario, eliminando plugins que no aportan valor real.
• Diferir la carga de scripts no críticos hasta que el usuario ya puede ver e interactuar con la página.
• Revisar temas y plugins con código pesado o mal optimizado, que son la causa más habitual de un INP alto en WordPress.

Para mejorar el CLS

• Reservar siempre el espacio (ancho y alto) de imágenes y vídeos antes de que carguen, para que el resto del contenido no se mueva cuando aparecen.
• Evitar insertar banners, avisos de cookies o anuncios que empujan el contenido hacia abajo después de la carga inicial.
• Cargar las fuentes tipográficas de forma que no provoquen un salto de texto al terminar de cargar.

Conclusión

Los Core Web Vitals no son un checklist técnico aislado, son una forma de medir si tu web es rápida y estable para las personas que la usan de verdad. En WordPress, la mayoría de los problemas vienen de acumulación de plugins, imágenes sin optimizar y un hosting que se queda corto para el tráfico real. Solucionarlo suele mejorar tanto el SEO como la conversión, así que rara vez es un esfuerzo que no compense.

Si quieres saber en qué estado están los Core Web Vitals de tu web y qué hay que corregir para mejorarlos, puedo hacer una revisión técnica completa dentro de una estrategia de SEO.