Core Web Vitals: Qué Son y Cómo Afectan a Tu Posicionamiento

En 2021, Google oficializó algo que muchos ya sospechaban: la experiencia del usuario es un factor directo de posicionamiento. Los Core Web Vitals son las métricas que Google utiliza para medir esta experiencia — y los sitios que no cumplen con los límites recomendados pierden posiciones, independientemente de la calidad del contenido.

En esta guía entenderás qué son los Core Web Vitals, cómo cada métrica afecta el SEO de tu sitio y cuáles son las acciones más eficientes para mejorar los números sin necesidad de reescribir todo el código.

¿Qué Son los Core Web Vitals?

Los Core Web Vitals (CWV) son un conjunto de métricas definidas por Google para medir la calidad de la experiencia del usuario en tres dimensiones: velocidad de carga, interactividad y estabilidad visual. Cada dimensión tiene una métrica específica con límites claros de “bueno”, “necesita mejorar” y “malo”.

Desde 2021, los CWV forman parte de la Page Experience Signal de Google — el conjunto de factores de experiencia que influyen en el posicionamiento. Los sitios con buenos CWV tienen ventaja sobre competidores con contenido similar pero experiencia inferior.

Las 3 Métricas de los Core Web Vitals

1. LCP — Largest Contentful Paint (Velocidad de Carga)

El LCP mide cuánto tiempo tarda en aparecer el mayor elemento visible de la página — generalmente una imagen destacada, un bloque de texto principal o un video — en la pantalla del usuario después del inicio de la carga.

• Bueno: hasta 2,5 segundos
• Necesita mejorar: entre 2,5 y 4 segundos
• Malo: más de 4 segundos

El LCP es la métrica con mayor impacto percibido por el usuario — es el momento en que la página “parece cargada”. Un LCP lento es la principal causa de abandono antes de la interacción.

Principales causas de LCP lento y cómo corregir:

• Imágenes pesadas: usa el formato WebP o AVIF en lugar de JPEG/PNG. Comprime imágenes antes de la carga. Usa el atributo loading="eager" en la imagen principal por encima de la pliegue y fetchpriority="high" para que el navegador la priorice.
• Servidor lento (TTFB alto): un Time to First Byte alto significa que el servidor tarda en responder. Cambiar a un servidor más rápido o activar el caché de página resuelve en la mayoría de los casos. Para WordPress, plugins como WP Rocket o LiteSpeed Cache hacen esto.
• CSS y JavaScript bloqueando la renderización: elimina o retrasa scripts que bloquean la carga del contenido principal. Usa el atributo defer en scripts no críticos.

2. INP — Interaction to Next Paint (Interactividad)

El INP reemplazó al FID (First Input Delay) en marzo de 2024. Mide la responsividad general de la página — cuánto tiempo tarda la página en responder a cualquier interacción del usuario (clics, toques, escritura) durante toda la sesión, no solo en la primera interacción.

• Bueno: hasta 200 milisegundos
• Necesita mejorar: entre 200 y 500 ms
• Malo: más de 500 ms

Un INP malo es especialmente crítico en dispositivos móviles de entrada — donde el procesador es menos potente y cualquier JavaScript pesado causa bloqueos perceptibles.

Cómo mejorar el INP:

• Reduce y retrasa JavaScript de terceros (widgets de chat, scripts de análisis pesados, pop-ups).
• Evita tareas largas en el hilo principal — divide scripts pesados en partes más pequeñas usando la API scheduler.yield() o setTimeout.
• Elimina plugins innecesarios en WordPress — cada plugin añadido puede contribuir con scripts que degradan el INP.

3. CLS — Cumulative Layout Shift (Estabilidad Visual)

El CLS mide la cantidad de desplazamiento inesperado de elementos en la página durante la carga. ¿Sabes cuando estás a punto de hacer clic en un botón y se mueve porque un anuncio se cargó arriba? Eso es layout shift — y es exactamente lo que Google penaliza.

• Bueno: hasta 0,1
• Necesita mejorar: entre 0,1 y 0,25
• Malo: más de 0,25

Causas comunes de CLS alto y cómo resolver:

• Imágenes sin dimensiones declaradas: siempre define los atributos width y height en las etiquetas <img>. El navegador reserva el espacio antes de que la imagen cargue y elimina el desplazamiento.
• Anuncios y embeds sin espacio reservado: elementos de tamaño variable (banners, iframes de YouTube) deben tener un espacio mínimo reservado vía CSS antes de cargar.
• Fuentes personalizadas causando FOUT: cuando la fuente web reemplaza la fuente de reserva, el texto puede moverse. Usa font-display: swap con métricas de reserva ajustadas para minimizar el salto.

Cómo Medir los Core Web Vitals de Tu Sitio

Google ofrece herramientas gratuitas para medir los CWV con datos reales y datos de laboratorio:

• Google Search Console → Informe de Experiencia en la Página: muestra los CWV con datos reales de usuarios (campo) agrupados por URL. Es la fuente más importante porque utiliza los mismos datos que Google usa para posicionar.
• PageSpeed Insights: analiza una URL específica y muestra tanto datos de campo (cuando están disponibles) como datos de laboratorio con diagnósticos detallados de cada problema.
• Chrome DevTools → Lighthouse: herramienta local para pruebas durante el desarrollo. Simula carga en conexiones lentas y dispositivos móviles.
• Web Vitals Extension: extensión de Chrome que muestra los CWV en tiempo real mientras navegas por las páginas de tu sitio.

Importante: hay diferencia entre datos de laboratorio (simulados) y datos de campo (usuarios reales). Google utiliza datos de campo para el posicionamiento. Un sitio puede parecer rápido en PageSpeed Insights y aún tener CWV malos en Search Console si los usuarios reales enfrentan condiciones diferentes a las simuladas.

Core Web Vitals en WordPress: Las Acciones de Mayor Impacto

La mayoría de los sitios de empresas brasileñas utilizan WordPress. En este contexto, estas son las acciones con mayor retorno en la mejora de los CWV:

1. Plugin de caché de página: WP Rocket, LiteSpeed Cache o W3 Total Cache reducen el TTFB y mejoran el LCP con configuración simple. Impacto: alto.
2. CDN (Content Delivery Network): distribuye archivos estáticos (imágenes, CSS, JS) a través de servidores cercanos al usuario. Cloudflare ofrece un plan gratuito con CDN eficiente para WordPress. Impacto: alto para usuarios geográficamente distantes del servidor.
3. Compresión y conversión de imágenes: plugin Imagify, ShortPixel o Smush convierte imágenes a WebP automáticamente y comprime sin pérdida perceptible de calidad. Impacto: muy alto para sitios con imágenes pesadas.
4. Alojamiento adecuado: el alojamiento compartido barato es la causa raíz de TTFB alto en muchos sitios de WordPress. Migrar a un alojamiento gestionado de WordPress (como Kinsta, WP Engine o Cloudways) resuelve el problema estructuralmente. Impacto: muy alto.
5. Eliminar plugins innecesarios: cada plugin instalado y activo añade scripts. Haz una auditoría y desactiva lo que no es esencial. Impacto: medio a alto dependiendo de los plugins.

¿Cuál es el Impacto Real de los Core Web Vitals en el Posicionamiento?

Google confirma que los CWV son un factor de posicionamiento, pero es un factor de desempate — no de dominancia. Esto significa:

• Una página con contenido excelente pero CWV malos aún puede posicionarse por encima de una página con CWV perfectos pero contenido débil.
• Entre páginas de calidad similar, los CWV pueden ser el factor decisivo para cuál aparece primero.
• Los CWV malos impactan indirectamente el SEO incluso más allá del ranking: tasas de rebote altas, tiempo de sesión bajo y menos conversiones son señales de comportamiento negativas que Google también observa.

En la práctica, optimizar los Core Web Vitals es una de las pocas mejoras técnicas de SEO que tiene un impacto doble: mejora el posicionamiento directamente y mejora las conversiones porque los usuarios tienen una mejor experiencia.

Para profundizar en la estrategia de SEO técnico en su totalidad, accede a la guía ¿Qué es SEO? Guía Completa o conoce el servicio de SEO para sitios de Focofy, que incluye auditoría técnica y optimización de Core Web Vitals.

Conclusión

Los Core Web Vitals no son métricas técnicas abstractas — son la traducción cuantitativa de la experiencia que tu usuario tiene al acceder al sitio. Un LCP lento hace que el visitante desista antes de ver el contenido. Un INP alto hace que el sitio parezca bloqueado. Un CLS alto hace que el usuario haga clic en el lugar equivocado por error.

Mejorar los CWV es una de las optimizaciones con mejor relación costo-beneficio en SEO: las herramientas de diagnóstico son gratuitas, las correcciones más impactantes (caché, compresión de imagen, CDN) son accesibles incluso para sitios pequeños, y el resultado aparece tanto en el posicionamiento como en la experiencia real de los visitantes.

¿Quieres saber cómo están los Core Web Vitals de tu sitio y qué priorizar para mejorar? Accede a la guía completa en SEO para Empresas o habla con nuestro equipo para un diagnóstico técnico gratuito.