Performance

CLS (Cumulative Layout Shift)

Métrica Core Web Vital que mide cuánto se mueven los elementos del layout durante la carga de la página.

Definición técnica

Cumulative Layout Shift suma todos los movimientos inesperados de elementos visuales durante la carga. Targets: bueno menos de 0.1, necesita mejora 0.1-0.25, malo sobre 0.25. Causas comunes: imágenes sin atributos width/height declarados, anuncios que cargan tarde, fuentes con FOIT (Flash of Invisible Text), banners que aparecen tras delay.

Por qué importa

CLS alto frustra al usuario que intenta hacer click y la página "salta" en el último momento. Es la métrica más fácil de arreglar técnicamente pero la más ignorada en sitios chilenos típicos.

¿Necesitas aplicar CLS (Cumulative Layout Shift) en tu sitio?

Implementamos esto y todo lo relacionado en proyectos reales para empresas chilenas.