Made on
Tilda
Cumulative Layout Shift · Categoría: SEO técnico
El CLS (Cumulative Layout Shift) mide cuánto se mueven de forma inesperada los elementos de una página mientras se usa. Un CLS bueno es de 0,1 o menos y uno malo, de más de 0,25 (Google, web.dev). En la web de Estrategia 360, PageSpeed Insights midió un CLS móvil de 0,034 en octubre de 2026.
El CLS no mide la velocidad: una página puede cargar rápido y tener un CLS malo si sus elementos saltan mientras aparecen.
Calculadora de un desplazamiento de diseño
Cada desplazamiento de diseño recibe una puntuación igual a la fracción de impacto —qué parte de la pantalla se ve afectada— multiplicada por la fracción de distancia —cuánto se mueven los elementos respecto a la pantalla— (Google, web.dev).
Si un bloque que ocupa la mitad de la pantalla baja un 25 % de su altura, la puntuación de ese salto es de unos 0,19: por sí solo ya supera el límite de 0,1. La calculadora de esta página hace esa cuenta.
Desde 2021, el CLS agrupa los desplazamientos en ventanas de sesión de hasta 5 segundos, con pausas de menos de 1 segundo entre ellos, y toma la ventana con la puntuación más alta (Google, web.dev).
El cambio evitó que las páginas abiertas mucho tiempo, como las de scroll infinito, acumularan puntuaciones enormes. Además, los desplazamientos que ocurren en los 500 ms siguientes a una interacción del usuario no cuentan, porque son esperados.
Las causas más frecuentes son imágenes y vídeos sin dimensiones, anuncios e insertados que aparecen tarde, fuentes web que cambian el tamaño del texto y bloques que se añaden encima del contenido ya visible.
En Tilda y otros constructores, los bloques HTML propios son un punto típico de saltos, porque las imágenes se pegan sin dimensiones; añadir width y height basta para resolverlo.
Cómo mejorar CLS en una página:
El CLS móvil de 0,034 medido en la web de Estrategia 360 se debe a decisiones de diseño: las imágenes llevan dimensiones, los elementos fijos se superponen sin empujar el contenido y las animaciones usan transform.
Los bloques interactivos, como las calculadoras del glosario, reservan su espacio desde el principio y solo cambian el texto dentro de cajas de tamaño estable. Así, aunque el contenido cambie, nada empuja al resto de la página.
Antes de publicar cada bloque, lo comprobamos en un móvil real con la caché vacía, que es donde aparecen los saltos que no se ven en el ordenador.
El CLS es una de las tres Core Web Vitals que Google usa como señal de experiencia de página, aunque el contenido relevante pesa más (Google Search Central).
En la práctica afecta sobre todo a la experiencia: un botón que se mueve justo cuando el usuario va a pulsarlo provoca clics equivocados y desconfianza, especialmente en móvil y en procesos de compra.
Las fuentes web pueden causar saltos cuando el navegador muestra primero una fuente de reserva y después la cambia por la definitiva, con otro ancho y otra altura de línea.
Se reduce eligiendo fuentes de reserva parecidas, ajustando sus métricas con las propiedades size-adjust y ascent-override, y cargando las fuentes pronto. Cargar las fuentes una sola vez para toda la web, como hicimos en Estrategia 360, ayuda tanto al CLS como al LCP.
El error más común es probar la página solo en un ordenador rápido con la caché llena, donde todo carga a la vez y no se ven los saltos que sufren los usuarios en móvil.
| CLS | Valoración | Qué significa |
|---|---|---|
| ≤ 0,1 | Bueno | Saltos imperceptibles |
| 0,1–0,25 | Mejorable | Saltos que molestan |
| > 0,25 | Malo | Saltos que provocan clics erróneos |
El CLS solo cuenta los desplazamientos inesperados: las animaciones y los cambios provocados por el usuario no penalizan. Y un CLS perfecto no compensa una página lenta o con contenido flojo.
Una Core Web Vital que mide los saltos inesperados del diseño de una página.
0,1 o menos.
Fracción de impacto × fracción de distancia de cada salto, agrupados en ventanas de sesión.
Imágenes sin dimensiones, anuncios y banners que aparecen tarde.
No, si usan transform o responden a una acción del usuario.
En PageSpeed Insights y en Métricas web principales de Search Console.
Sí, cuando cambian el tamaño del texto al cargarse.
No: cuenta los saltos inesperados durante toda la visita, agrupados en ventanas de sesión.
¿Quieres aplicarlo a tu web? Estrategia 360 hace diseño web en Barcelona y en remoto.
Fuentes: Google, web.dev: Cumulative Layout Shift y optimización del CLS · Google, cambio a ventanas de sesión (2021) · PageSpeed Insights, agencyestrategia360.com (octubre de 2026)
Escrito por Alena Shakina, CEO de Estrategia 360 · Conoce al equipo