O Que É um Loading Skeleton?

Um loading skeleton é uma renderização de placeholder que delineia o layout do conteúdo, usando blocos cinzas ou formas com brilho, enquanto os dados reais carregam. Ele ocupa o mesmo espaço que o conteúdo final ocupará, transmitindo estrutura e progresso. Quando os dados chegam, o skeleton é trocado pela UI de fato.

Por que isso importa

Skeletons reduzem o tempo de espera percebido e, ao reservar espaço, ajudam a evitar layout shift quando o conteúdo aparece. Eles são um fallback comum dentro de suspense boundaries.

Guias relacionados