Desplazamiento inesperado
- Antes · el texto está en su sitio
- Después · un nuevo elemento desplaza el texto
Cómo funciona
Reserve espacio para las imágenes y el contenido dinámico; compruebe los cambios durante las interacciones reales.
Ejemplo
Ejemplo: Una imagen sin dimensiones definidas desplaza el botón al cargarse.
Errores frecuentes
No todo movimiento es un desplazamiento de diseño no deseado.
¿Cómo comprobarlo en la práctica?
Registre qué elementos se desplazan después de la carga. Reserve espacio para imágenes, anuncios y contenido insertado; revise también las fuentes. CLS es un valor adimensional, no un tiempo; el umbral considerado bueno es ≤0,1 al evaluar visitas reales.
Diferencias y limitaciones
No todo movimiento cuenta para CLS: la métrica tiene reglas sobre los desplazamientos inesperados y las interacciones. Una animación con transform no equivale a un cambio de diseño que desplaza el texto adyacente.
Fuentes oficiales
Responsabilidad editorial: Martin Zhelyazkov · Fundador de Z-Consult
Actualizado: 5.11.2026
Para solicitar una corrección o hacer una pregunta: office@z-consult.bg