Core Web Vitals: cómo la velocidad web afecta tu posicionamiento en Google

En mayo de 2021, Google oficializó algo que los especialistas en SEO llevaban años advirtiendo: la velocidad y la experiencia de carga de un sitio web son factores de posicionamiento. Los Core Web Vitals son las métricas específicas que Google usa para medir esto. Entenderlos y optimizarlos ya no es opcional si quieres competir en los primeros resultados.

Qué son los Core Web Vitals

Los Core Web Vitals son un conjunto de métricas definidas por Google para medir la experiencia de usuario durante la carga de una página web. Son tres métricas específicas:

• LCP (Largest Contentful Paint): Tiempo de carga del elemento más grande visible en pantalla.
• INP (Interaction to Next Paint): Respuesta del sitio a las interacciones del usuario.
• CLS (Cumulative Layout Shift): Estabilidad visual durante la carga.

Google usa estas métricas como señales de posicionamiento en su algoritmo. Un sitio con excelentes Core Web Vitals puede obtener una ventaja sobre un competidor con contenido similar pero peor rendimiento. En mercados competitivos, esta diferencia puede ser determinante.

LCP: Largest Contentful Paint

El LCP mide cuánto tiempo tarda en cargar el elemento más grande visible en la primera pantalla (above the fold). Generalmente es una imagen principal, una foto de hero, un video o un bloque de texto grande.

Umbrales de Google:

• Bueno: menos de 2.5 segundos
• Necesita mejora: entre 2.5 y 4 segundos
• Malo: más de 4 segundos

Causas comunes de LCP lento:

• Imágenes hero no optimizadas (JPEG o PNG de alta resolución sin comprimir)
• Servidor con tiempo de respuesta alto (TTFB alto)
• Recursos que bloquean el renderizado (JavaScript y CSS críticos mal gestionados)
• Falta de precarga (preload) del recurso LCP

Cómo mejorar el LCP:

• Convertir imágenes a formato WebP y comprimirlas sin pérdida visible de calidad
• Añadir la etiqueta loading="eager" y <link rel="preload"> para el elemento LCP
• Implementar caché efectiva en el servidor
• Usar un CDN para servir recursos desde servidores geográficamente cercanos a Colombia
• Mejorar el hosting: no todos los hostings son iguales en cuanto a tiempo de respuesta

INP: Interaction to Next Paint

El INP (que reemplazó al FID en marzo de 2024) mide la respuesta del sitio a todas las interacciones del usuario durante la visita: clics, toques en pantalla táctil y pulsaciones de teclas. Específicamente, mide el tiempo desde que el usuario hace una interacción hasta que el navegador muestra una respuesta visual.

Umbrales de Google:

• Bueno: menos de 200ms
• Necesita mejora: entre 200ms y 500ms
• Malo: más de 500ms

Cómo mejorar el INP:

• Reducir el JavaScript innecesario o diferir su ejecución
• Dividir tareas JavaScript largas en tareas más cortas
• Optimizar el renderizado de componentes React o Vue (memorización, virtualización de listas)
• Eliminar o reemplazar plugins pesados de terceros

CLS: Cumulative Layout Shift

El CLS mide cuánto se "desplazan" los elementos de la página mientras carga. Si alguna vez has querido hacer clic en un botón y justo antes de hacer clic un anuncio cargó y movió todo hacia abajo, eso es un problema de CLS. Es la métrica más frustrante para los usuarios y una que muchos sitios pasan por alto.

Umbrales de Google:

• Bueno: menos de 0.1
• Necesita mejora: entre 0.1 y 0.25
• Malo: más de 0.25

Causas comunes de CLS alto:

• Imágenes sin dimensiones definidas (width y height en el HTML)
• Anuncios, embeds o iframes sin espacio reservado
• Contenido dinámico que se inserta por encima del contenido existente
• Fuentes web que cambian el texto mientras cargan (FOUT - Flash of Unstyled Text)

Cómo mejorar el CLS:

• Siempre definir width y height en las etiquetas img
• Reservar espacio para anuncios y contenido dinámico con CSS
• Usar font-display: optional o precargar fuentes críticas
• Evitar insertar contenido por encima del contenido existente después de la carga

Cómo medir los Core Web Vitals de tu sitio

Existen dos tipos de datos para Core Web Vitals:

• Datos de laboratorio: Mediciones sintéticas realizadas en condiciones controladas. Herramientas: PageSpeed Insights, Lighthouse en Chrome DevTools, WebPageTest.
• Datos de campo (CrUX): Datos reales de usuarios que visitaron tu sitio, recopilados por Chrome. Solo disponibles si tu sitio tiene suficiente tráfico. Se ven en Google Search Console y PageSpeed Insights.

Para el posicionamiento en Google, los datos de campo (experiencias reales de usuarios) tienen más peso que los de laboratorio. Si tu sitio tiene tráfico, siempre prioriza optimizar lo que muestran los datos de campo.

El impacto real de los Core Web Vitals en el posicionamiento

¿Cuánto importan realmente los Core Web Vitals para el SEO? La respuesta honesta es: son un factor de posicionamiento real, pero son un desempate, no el factor principal. El contenido relevante, los backlinks y la intención de búsqueda siguen siendo más determinantes.

Sin embargo, en nichos competitivos donde hay múltiples páginas de calidad similar compitiendo por los mismos términos, los Core Web Vitals pueden ser la diferencia entre posición 1 y posición 5. Y en términos de conversión, la velocidad impacta directamente: Vodafone mejoró su LCP en 31% y vio un 8% de aumento en ventas. AutoAnything redujo el tiempo de carga a la mitad y vio un 12% más de ventas.

Core Web Vitals en el contexto colombiano

Optimizar para Core Web Vitals en Colombia tiene particularidades:

• La velocidad promedio de internet en Colombia (especialmente en zonas no metropolitanas) es más baja que en países de Europa o Norte América. Esto hace que la optimización de imágenes y el código sea aún más crítica.
• El tráfico mayoritariamente móvil significa que las métricas en dispositivos móviles son más relevantes que en escritorio.
• Los hostings más económicos disponibles en Colombia tienen tiempos de respuesta más altos, lo que afecta el LCP. Vale la pena invertir en hosting de calidad.

Por dónde empezar: plan de acción

1. Mide el estado actual con PageSpeed Insights y Google Search Console
2. Identifica cuál de las tres métricas tiene el peor desempeño
3. Optimiza imágenes: convierte a WebP, define dimensiones, usa lazy loading
4. Revisa y reduce el JavaScript no crítico
5. Mejora el hosting si el TTFB es alto
6. Vuelve a medir y repite hasta alcanzar los umbrales verdes

Conclusión

Los Core Web Vitals no son una moda pasajera: son parte permanente del algoritmo de Google y miden algo que realmente importa para los usuarios. Un sitio rápido y estable no solo posiciona mejor: convierte mejor, genera menos rebote y mejora la imagen de marca.

La velocidad web es hoy una ventaja competitiva. Las empresas que la tomen en serio tendrán una ventaja duradera sobre las que no lo hagan.