Core Web Vitals: Guía para Aprobar

Seguro que te ha pasado. Entras en una web desde el móvil, vas a pulsar un botón y, de repente, todo se mueve y acabas haciendo clic en un anuncio. O peor, la página tarda una eternidad en cargar y te vas antes de que aparezca nada. Frustrante, ¿verdad? Pues esa frustración es exactamente lo que Google quiere evitar, y para eso creó las Core Web Vitals.

Llevo más de 10 años en el mundo del SEO, optimizando webs para clientes de todos los tamaños, desde pymes en Madrid hasta grandes e-commerce, y te digo una cosa: ignorar las Core Web Vitals es dejar dinero sobre la mesa. No son solo una métrica técnica para frikis del código; son un reflejo directo de la experiencia de tus usuarios y, por tanto, un factor clave para tu posicionamiento y tus ventas. En esta guía te voy a explicar, sin líos y con ejemplos prácticos, qué son, por qué te importan y cómo puedes empezar a mejorarlas hoy mismo.

Lo que aprenderás en este artículo:

• Qué son las Core Web Vitals (y por qué no son solo para programadores) – Explicado sin tecnicismos, para que entiendas cómo afectan directamente a tu negocio.
• Las 3 métricas que obsesionan a Google, al detalle – Te desgrano el LCP, INP y CLS para que sepas qué mirar y cómo interpretarlo.
• Mi stack de herramientas (la mayoría gratis) para medirlas – Te enseño las herramientas que uso en mi día a día y cuál es mejor para cada caso.
• Un plan de acción práctico para empezar a optimizar – El mismo checklist que aplico con mis clientes para conseguir resultados visibles.

¿Qué son las Core Web Vitals y por qué te juegas tanto con ellas?

Vamos al grano. Las Core Web Vitals (CWV) son un conjunto de tres métricas específicas que Google utiliza para medir la experiencia de usuario de una página web en el mundo real. Piensa en ellas como el termómetro de la «salud» de tu web a ojos de un visitante.

No son las únicas métricas de rendimiento, pero sí las que Google considera fundamentales. ¿Por qué? Porque se centran en tres aspectos clave de la experiencia de usuario:

1. Velocidad de carga percibida: ¿Cuánto tarda en aparecer el contenido más importante?
2. Interactividad: ¿Con qué rapidez responde la página cuando un usuario hace clic o interactúa con ella?
3. Estabilidad visual: ¿Los elementos de la página se mueven inesperadamente mientras carga?

Ojo, esto no es solo un capricho de Google. Una web lenta y que funciona mal genera frustración. Un usuario frustrado se va, no compra y, probablemente, no vuelva. En mi experiencia, he visto cómo mejoras en las Core Web Vitals han supuesto aumentos de conversión del 10-20% en tiendas online. Es una conexión directa: mejor experiencia, más negocio.

Las tres métricas que obsesionan a Google, explicadas sin líos

Google ha ido refinando estas métricas y, actualmente, el trío de ases está formado por LCP, INP y CLS. Vamos a ver qué significa cada una de estas siglas y, lo más importante, qué te están diciendo sobre tu web.

Largest Contentful Paint (LCP): La primera impresión cuenta

El LCP mide el tiempo que tarda en cargarse el elemento de contenido más grande visible en la pantalla. Suele ser una imagen principal, un bloque de texto grande o un vídeo. Es la forma que tiene Google de medir cuándo el usuario percibe que la página «ya ha cargado lo importante».

• Bueno: Menos de 2,5 segundos.
• Necesita mejorar: Entre 2,5 y 4 segundos.
• Malo: Más de 4 segundos.

Un LCP lento suele deberse a imágenes muy pesadas, un servidor que tarda en responder o código (JavaScript y CSS) que bloquea el renderizado. Es, probablemente, la métrica más fácil de entender y de empezar a mejorar.

Interaction to Next Paint (INP): ¿Tu web responde o se queda pensando?

El INP es la métrica más reciente del grupo (sustituyó a la antigua FID) y es brutalmente importante. Mide la latencia de todas las interacciones del usuario con la página, como hacer clic en un botón, abrir un menú desplegable o introducir texto en un formulario. Básicamente, mide cómo de «fluida» se siente tu web.

• Bueno: Menos de 200 milisegundos.
• Necesita mejorar: Entre 200 y 500 milisegundos.
• Malo: Más de 500 milisegundos.

La causa principal de un INP malo casi siempre es un exceso de JavaScript ejecutándose en el navegador. Si tu web se queda «congelada» unos instantes cuando intentas hacer algo, tienes un problema de INP.

Cumulative Layout Shift (CLS): Se acabó el baile de elementos

Esta es la métrica que mide la estabilidad visual. El CLS calcula cuánto se mueven los elementos de la página de forma inesperada mientras carga. ¿El ejemplo clásico? Vas a pulsar un enlace y justo en ese momento carga un banner de publicidad encima, desplazando todo hacia abajo. Es de las cosas que más cabrean a los usuarios.

• Bueno: Menos de 0,1.
• Necesita mejorar: Entre 0,1 y 0,25.
• Malo: Más de 0,25.

Los culpables habituales son imágenes o anuncios sin dimensiones definidas, fuentes que cargan tarde y provocan un reajuste del texto, o contenido que se inyecta dinámicamente sin reservar el espacio adecuado.

Herramientas que uso para medir y diagnosticar las Core Web Vitals

Vale, ya sabes qué son, pero ¿cómo mides el rendimiento de tu propia web? La verdad es que hay un montón de herramientas, pero estas son las que uso en el 99% de los casos. Te las he resumido en esta tabla para que lo veas claro.

Herramienta	Coste	Ideal para	Mi valoración
Google PageSpeed Insights	Gratis	Análisis rápidos y obtener recomendaciones concretas.	⭐⭐⭐⭐⭐ Imprescindible. Combina datos de laboratorio (simulados) y de campo (usuarios reales).
Google Search Console	Gratis	Monitorizar el rendimiento de todo el sitio a lo largo del tiempo.	⭐⭐⭐⭐⭐ Esencial. Te avisa si tus URLs tienen problemas y te las agrupa por tipo de error.
Lighthouse (en Chrome DevTools)	Gratis	Hacer pruebas en tu entorno local antes de subir los cambios a producción.	⭐⭐⭐⭐ Muy útil para desarrolladores. Te da un control total sobre el análisis.
WebPageTest	Gratis (con opciones de pago)	Análisis avanzados, como pruebas desde diferentes ubicaciones o con distintas velocidades de conexión.	⭐⭐⭐⭐ Para un diagnóstico profundo y profesional. Un poco más técnico.

Mi recomendación para empezar: usa PageSpeed Insights para analizar tus páginas más importantes (la home, una categoría, un producto/servicio). Luego, vigila el informe de Core Web Vitals en Google Search Console para tener una visión global de la salud de tu sitio.

Plan de acción: Cómo he mejorado las Core Web Vitals en proyectos reales

La teoría está muy bien, pero vamos a la práctica. Aquí tienes un checklist de acciones concretas, divididas por métrica, que he aplicado en decenas de proyectos con resultados demostrados.

Para mejorar el LCP

• Optimiza tus imágenes: Es el punto número uno. Comprime las imágenes sin perder demasiada calidad y usa formatos modernos como WebP o AVIF.
• Establece la carga diferida (lazy loading): Haz que las imágenes que no se ven en la pantalla inicial carguen solo cuando el usuario haga scroll hacia ellas.
• Utiliza un CDN (Content Delivery Network): Un CDN distribuye tus archivos (imágenes, CSS, JS) en servidores por todo el mundo, entregándolos desde el más cercano al usuario. Esto acelera la entrega una barbaridad.
• Mejora el tiempo de respuesta del servidor: Si tu hosting es lento, todo lo demás da igual. Invierte en un buen proveedor.

Para clavar el INP

• Reduce y optimiza el JavaScript: Revisa qué scripts estás cargando. ¿Son todos necesarios? Minifica los archivos JS y divide los más grandes en trozos más pequeños.
• Evita tareas largas: El navegador procesa el código en un único hilo. Si una tarea de JavaScript tarda mucho, bloquea todo lo demás. Divide esas tareas en fragmentos más pequeños.
• Retrasa la ejecución de JavaScript no crítico: Scripts de analítica, chatbots o pop-ups pueden esperar a cargar hasta que la página sea interactiva.

Para mantener el CLS a raya

• Especifica siempre las dimensiones de las imágenes y vídeos: Añade los atributos width y height en tu HTML. Así, el navegador reserva el espacio antes de que la imagen cargue.
• Reserva espacio para los anuncios y contenido dinámico: Si vas a insertar un banner o un bloque de contenido, define un contenedor con un tamaño fijo para que no provoque saltos.
• Precarga las fuentes web: Usa rel="preload" para las fuentes importantes y font-display: swap; en tu CSS para que el texto sea visible con una fuente de sistema mientras carga la tuya.

Mi consejo final: No te obsesiones, pero no las ignores

Lo que debes llevarte claro de todo esto es que las Core Web Vitals no son un objetivo en sí mismas, sino un medio para un fin: ofrecer una experiencia de usuario cojonuda. Google no te va a poner el primero por tener un 100 en PageSpeed si tu contenido es malo.

Sin embargo, una mala puntuación en CWV es un freno de mano para tu SEO. Es una señal clara de que estás frustrando a tus visitantes, y eso Google sí que lo penaliza. Mi consejo es que no te obsesiones con alcanzar la perfección, pero sí que identifiques y soluciones los problemas graves. Empieza por las URLs que más tráfico te traen o que son más importantes para tu negocio. A veces, con unos pocos ajustes bien enfocados, el impacto es brutal.

Dudas que siempre me preguntan sobre Core Web Vitals

¿Afectan las Core Web Vitals a todas las webs por igual?

Sí, son un factor de ranking para todas las webs, pero su peso puede variar. En nichos muy competidos, donde todos los rivales tienen un buen contenido y una buena estrategia de enlaces, una mejor experiencia de página puede ser el factor que marque la diferencia para que Google te ponga por delante.

¿Con qué frecuencia debo revisar mis Core Web Vitals?

Yo recomiendo echar un vistazo al informe de Google Search Console una vez al mes para monitorizar la tendencia general. Si haces cambios importantes en la web (un rediseño, instalas un nuevo plugin, etc.), es obligatorio hacer una revisión justo después para asegurarte de que no has roto nada.

Mi web está hecha con WordPress, ¿qué puedo hacer?

¡Mucho! Empieza por elegir un tema ligero y bien codificado. Luego, instala un buen plugin de caché (como WP Rocket o FlyingPress) que te ayudará a automatizar muchas de las optimizaciones de las que hemos hablado (minificación, lazy load, etc.). Y, por supuesto, optimiza tus imágenes siempre antes de subirlas.

¿Es posible tener un 100/100 en PageSpeed Insights?

Es posible, pero muy difícil y, a menudo, no es rentable. Intentar alcanzar la puntuación perfecta puede requerir sacrificar funcionalidades importantes para tu negocio. Mi enfoque es pragmático: céntrate en que todas las métricas estén en «verde» (Bueno). Eso es más que suficiente para ofrecer una gran experiencia y contentar a Google.