Qué es el CLS y por qué tu web "salta" al cargar
¿Vas a pulsar un botón y la página se mueve sola? Eso es el CLS. Te explicamos qué es, por qué frustra a tus visitantes y penaliza en Google, y cómo evitarlo.
Te ha pasado mil veces. Entras en una web desde el móvil, vas a pulsar un enlace y, justo en ese instante, la página da un salto: baja un anuncio, aparece una imagen que no estaba, se recoloca todo. Acabas pulsando otra cosa. Un botón de "aceptar" que no querías, un enlace equivocado, un banner. Rabia pura.
Eso que acabas de sufrir tiene nombre: CLS, Cumulative Layout Shift — o, en cristiano, "cuánto se mueven las cosas mientras la página carga". Y es una de las tres Core Web Vitals que Google usa para decidir tu posición. Junto al LCP, forma parte del examen de experiencia que tu web tiene que aprobar.
Por qué a Google le importa que tu web no salte
Porque a los usuarios les importa. Una web que se mueve mientras carga transmite descuido y provoca errores: clics equivocados, formularios que se envían solos, gente que se va frustrada. Google mide esa inestabilidad y la penaliza.
Los umbrales son estos:
| Tu CLS | Qué significa |
|---|---|
| Menos de 0,1 | Bien. La página es estable |
| Entre 0,1 y 0,25 | Necesita mejorar |
| Más de 0,25 | Deficiente. Se mueve demasiado |
No es un tiempo como el LCP: es una puntuación de cuánto se desplaza el contenido. Cuanto más bajo, mejor.
Los 4 culpables de que tu web salte
1. Imágenes sin dimensiones reservadas
Es la causa más común. Cuando una imagen no tiene definido de antemano el espacio que va a ocupar, el navegador no le reserva sitio. Carga el texto, y cuando por fin llega la imagen, la empuja hacia abajo de golpe.
La solución: cada imagen debe llevar sus dimensiones (ancho y alto) declaradas. Así el navegador reserva el hueco vacío desde el principio y, cuando la imagen llega, la coloca sin mover nada. Es un ajuste técnico sencillo para quien mantenga tu web.
2. Anuncios y banners que aparecen tarde
Los espacios publicitarios que se cargan después del contenido son saltadores profesionales. Aparecen de repente en mitad de la página y desplazan todo lo de abajo.
La solución: reservarles su espacio fijo aunque tarden en cargar.
3. Fuentes que cambian a mitad de carga
La web carga primero con una fuente de sistema y luego, cuando descarga la tuya, la reemplaza. Si las dos fuentes tienen tamaños distintos, el texto se recoloca y arrastra todo con él.
La solución: una configuración de carga de fuentes que evite ese salto. De nuevo, técnico pero conocido.
4. Contenido que se inyecta arriba
Barras de cookies, avisos, banners promocionales que aparecen en la parte superior después de cargar la página empujan hacia abajo todo lo que ya estabas mirando. Es el salto más molesto porque afecta justo a lo que el usuario tenía delante.
La solución: que estos elementos se superpongan (floten encima) en lugar de empujar, o que tengan su hueco reservado.
Cómo medir tu CLS gratis
Igual que con el LCP: PageSpeed Insights, pega tu URL, mira la pestaña de móvil. El CLS aparece con su color. Si está en verde, tu web es estable. Si está en naranja o rojo, algo se está moviendo de más.
Un truco casero: abre tu web en el móvil con una conexión no muy buena y obsérvala cargar despacio. Verás a simple vista qué elementos saltan. Ahí tienes a tus culpables.
Lo bueno del CLS
De las tres Core Web Vitals, el CLS suele ser el más barato de arreglar. Rara vez requiere rehacer nada: son ajustes concretos — reservar espacio para imágenes, fijar los banners, cargar bien las fuentes. Detectar cuáles de estos afectan a tu web es cuestión de una revisión técnica; corregirlos, cuestión de horas.
¿Tu web salta al cargar y no sabes por qué?
En SeoSinDrama analizamos tu sitio y te decimos exactamente qué elementos están provocando esos saltos y cómo estabilizarlos. Sin tecnicismos, sin humo, sin drama.
Una web que salta hace que tus visitantes pulsen donde no querían. Y nadie confía en una tienda donde los estantes se mueven solos.
¿Tu web tiene errores SEO?
Analiza tu sitio gratis y recibe un informe claro con las mejoras más importantes.
Auditar mi web ahora →