Cargando…
El CLS mide la estabilidad visual de una página: cuánto se mueven inesperadamente los elementos mientras carga, como botones que saltan o texto que se desplaza.
El CLS (Cumulative Layout Shift) es la métrica de los Core Web Vitals que mide la estabilidad visual de una página. Cuantifica cuánto se mueven inesperadamente los elementos visibles durante la carga.
¿Alguna vez intentó hacer clic en un botón y este "saltó" hacia abajo porque una imagen se cargó arriba? Eso es un layout shift. Es una de las experiencias más frustrantes para los usuarios y Google lo penaliza directamente.
| Calificación | Puntuación | |:---|:---| | ✅ Bueno | ≤ 0.1 | | ⚠️ Necesita mejora | 0.1 – 0.25 | | ❌ Deficiente | > 0.25 |
width y height en las etiquetas imgwidth, height, aspect-ratio)font-display: swap con fuentes pre-conectadasnext/image que automáticamente reserva espacio y previene shiftsEn NexgenPixels diseñamos componentes con alturas reservadas desde el primer frame, logrando CLS consistentes de 0.01 — prácticamente invisibles.
Respaldado por NexgenPixels — Agencia de Transformación Digital en Panamá