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.

Performance

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

Un CLS alto frustra a quien intenta hacer clic y ve que la página "salta" en el último momento. Suele ser la más fácil de arreglar: casi siempre basta con reservar el espacio de imágenes, anuncios y banners antes de que carguen.

Términos relacionados

Core Web Vitals Conjunto de tres métricas de Google (LCP, INP y CLS) que miden la experiencia real de carga, respuesta y estabilidad de una página, y que los sistemas de ranking de Google consideran.
Web Fonts (autoalojadas) Fuentes tipográficas servidas desde el propio servidor en vez de Google Fonts CDN, mejorando performance y privacidad.

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

Lo implementamos, junto con todo lo relacionado, en proyectos reales para empresas chilenas.

Cotizar Cotizar por WhatsApp contacto@stratus.cl