El cambio de diseño acumulativo es una métrica para medir la estabilidad visual percibida de la carga de una página.
En otras palabras y para hacerlo más sencillo, es la encargada de medir el cambio inesperado de elementos web mientras se procesa la web. Un CLS bajo nos va a garantizar que la página sea agradable.
Estos elementos podrían ser, por ejemplo,
Botones
Formularios de contacto
Imágenes
Vídeos
Fuentes u otros tipos de contenido
El Cumulative Layout Shift representa el 15% de la puntuación de desempeño total, lo que significa que tiene una importancia relativamente alta. Mientras que otras métricas se encargan en medir la velocidad de carga, en este caso, se va a enfocar más en la experiencia de usuario dentro de nuestra web.
¿Cómo mejoramos nuestro Cumulative Layout Shift?
Entre las medidas que puedes implantar desde ya, se encuentran,
Especificar las dimensiones de la imagen, es necesario poner el foco en la mejora de la optimización de las imágenes para que se ajusten al tamaño establecido.
Reducir los cambios de diseño causados por anuncios, incrustraciones o iframes
Evita insertar contenido nuevo por encima del contenido existente, es decir incluir contenido dinámico (como por ejemplo banners o formularios) por encima del contenido existente
Evitar contenido animado que hace que se sobrecargue la web