Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS)

Y esto que es?

Desde Google Search Console.
Es un indicador que mide la estabilidad visual de la página web, que no sufra cambios bruscos mientras estás leyendo el contenido.

Un ejemplo sería un slider fotos donde unas fotos son horizontales y otras verticales y que al estar corriendo el slider provoca que cierto texto de la página se desplaza hacia arriba o hacia abajo o a los lados.

Para evitar tener una mala métrica en este punto importantes es hacer que todas las fotos deban de tener las mismas medidas, o que tengan por lo menos la misma altura, y mantener el mismo ancho de la capa donde se visualicen las fotos para que no provoque movimiento de texto, bien al mover las fotos, o al pulsar algún botón.

También afecta a este indicador los tradicionales desplegables que hemos usado muchos.

Creando diseños  web acorde a las tendencias de Google, siempre con la visión del visitante.
Cumulative Layout Shift (CLS)

  • Cumulative Layout Shift (CLS)
  • Cumulative Layout Shift (CLS)
  • Cumulative Layout Shift (CLS)