Producto y métricas
CLS (estabilidad visual)
Por Rubén García · 3 min
Métrica que mide cuánto cambia inesperadamente la posición del contenido de una página mientras se utiliza.
CLS significa Cumulative Layout Shift. No mide cuántos segundos tarda en cargar la web: mide su estabilidad visual. Un salto inesperado ocurre, por ejemplo, cuando una imagen aparece tarde y empuja hacia abajo un botón que alguien iba a pulsar.
Ejemplo hipotético: estás completando una solicitud de demo y un banner desplaza el formulario. Para una persona resulta molesto; para un agente que utiliza posiciones visuales puede provocar una interacción equivocada. No todos los agentes navegan de la misma manera.
Para detectar el problema, observa el recorrido durante la carga, también con una conexión lenta. Anota qué elemento se mueve y qué contenido aparece antes del salto. Una grabación facilita que el equipo reproduzca lo que ve el usuario.
Reservar espacio para imágenes, anuncios y contenido que aparece después ayuda a evitar desplazamientos. Estas son prioridades prácticas: pide al equipo medir el comportamiento antes y después en condiciones comparables, no limitarse a cambiar la apariencia.
La documentación de Chrome relaciona los saltos con agentes que identifican un elemento antes de pulsarlo. Reducir CLS no prueba por sí solo que el formulario sea comprensible, que los datos se hayan guardado o que mejoren las conversiones: cada resultado se comprueba por separado.
