Jerarquía de Loading

Por debajo de 100ms el ojo humano no percibe la espera. Mostrar un spinner en este rango genera más ruido visual que confort. El contenido debe aparecer como si siempre hubiera estado ahí. Usar este umbral como criterio de corte en code review.

En este rango preferir UI optimista: aplicar el cambio inmediatamente y revertir solo si falla. Alternativa: spinner de 16px inline dentro del componente que muta, nunca spinner de página completa. El usuario debe poder seguir interactuando con el resto.

En cargas de 1-10s el skeleton screen supera al spinner en percepción de velocidad. El skeleton ocupa exactamente el espacio que ocupara el contenido, eliminando el salto de layout (CLS). El usuario sabe que esperar antes de que llegue el contenido.

Cargas mayores a 10s requieren barra de progreso con porcentaje real o etapas nombradas. Un skeleton en este rango pierde credibilidad porque el usuario percibe que nada cambia. La barra debe avanzar continuamente, nunca quedarse quieta en un porcentaje.