Hubo un tiempo en el que tener un buen contenido y unos cuantos enlaces era suficiente para estar en el primer puesto de Google. Hoy, la paciencia del usuario digital es prácticamente nula. Si tu página web tarda más de tres segundos en cargar, el 53% de los visitantes la abandonará antes de que aparezca el primer párrafo.
Para medir esta experiencia de usuario de forma objetiva, Google introdujo las Core Web Vitals. No son simples métricas de velocidad; son factores de posicionamiento (ranking factors) directos que miden la salud técnica de tu sitio.
A continuación, destripamos cuáles son estas métricas, por qué están afectando a tu tráfico y cómo puedes optimizarlas sin morir en el intento.
Las 3 Métricas que definen el destino de tu SEO
Google evalúa la experiencia de carga a través de tres pilares fundamentales. Si pasas la auditoría en los tres, tu web se considera «saludable».
1. LCP (Largest Contentful Paint) – Tiempo de Carga del Elemento Principal
Mide la velocidad de carga percibida. En concreto, calcula cuánto tarda en renderizarse el elemento más grande de la pantalla (que suele ser la imagen de cabecera, un banner o el bloque de texto principal).
-
Ideal: Menos de 2,5 segundos.
-
El culpable habitual: Imágenes gigantescas sin comprimir o un servidor que tarda demasiado en responder.
2. INP (Interaction to Next Paint) – Interactividad y Respuesta de la Web
Esta métrica sustituyó oficialmente al antiguo FID. Mide la capacidad de respuesta de la página. Calcula el retraso que experimenta un usuario desde que hace clic en un botón, un enlace o despliega un menú, hasta que la web muestra el siguiente cambio visual en la pantalla.
-
Ideal: Menos de 200 milisegundos.
-
El culpable habitual: Bloques masivos de código JavaScript bloqueando el hilo principal del navegador.
3. CLS (Cumulative Layout Shift) – Estabilidad Visual
¿Alguna vez has ido a pulsar un botón en el móvil y, justo antes de tocarlo, la página ha saltado hacia abajo porque se ha cargado un anuncio, haciéndote pulsar donde no querías? Eso es un mal CLS. Mide cuánto cambian de posición los elementos de la web mientras se está cargando.
-
Ideal: Una puntuación inferior a 0,1.
-
El culpable habitual: Imágenes o banners publicitarios que no tienen las dimensiones (ancho y alto) definidas en el código HTML.
Plan de acción para mejorar tus Core Web Vitals
Optimizar estas métricas puede parecer una tarea titánica reservada a programadores avanzados, pero implementar estos tres pasos generará un impacto inmediato en tus puntuaciones:
[ PETICIÓN DE LA WEB ]
│
┌────────────────┴────────────────┐
▼ ▼
¿Imágenes sin optimizar? ¿Código JS e imágenes saltando?
(Afecta al LCP) (Afecta al INP y CLS)
│ │
▼ ▼
Comprimir a WebP/AVIF Reservar dimensiones estricta,
y aplicar Lazy Loading posponer scripts no esenciales
Paso 1: Domina el formato y la carga de tus imágenes
Las imágenes son las responsables del 80% de los problemas de LCP.
-
Usa formatos de última generación: Olvídate del PNG o JPG para el diseño general. Convierte tus imágenes a WebP o AVIF; reducen el peso hasta en un 70% sin perder calidad.
-
Activa el Lazy Loading (Carga diferida): Configura tu web para que las imágenes que están abajo (en el pie de página o a mitad de artículo) solo se carguen cuando el usuario haga scroll y se acerque a ellas.
Paso 2: Ponle límites fijos a tus bloques de diseño (Adiós al CLS)
Para evitar que el contenido «salte» mientras se carga, indícale al navegador exactamente cuánto espacio va a ocupar cada elemento desde el principio.
-
Asegúrate de que todas tus imágenes en el código HTML incluyan los atributos de ancho y alto (ej.
<img src="foto.webp" width="800" height="450">). -
Si utilizas banners de publicidad, reserva un contenedor con una altura fija en CSS para que el espacio ya esté «guardado» antes de que el anuncio se descargue.
Paso 3: Aligera la carga de JavaScript (Mejora el INP)
El código innecesario congela el navegador.
-
Identifica scripts de herramientas que ya no uses (antiguos píxeles de seguimiento, plugins pesados) y elimínalos.
-
Utiliza las directivas
deferoasyncal cargar scripts externos para que no detengan la carga del texto y los estilos visuales de la web.
Una web rápida es una web que vende
Optimizar las Core Web Vitals no es solo para darle el gusto a los algoritmos de Google. Una infraestructura web rápida, fluida y visualmente estable retiene a los usuarios por más tiempo, aumenta las páginas vistas por sesión y dispara las tasas de conversión. Al final del día, el buen SEO técnico es, simplemente, ofrecer la mejor experiencia posible a quien confía en hacer clic en tu enlace.