1 · Placeholder Types

Same card, three loading strategies. Spinner gives no structure; skeleton mirrors the layout; blur-up (LQIP) shows a blurred preview that sharpens. Press reload to replay with the chosen latency.

Spinner
Skeleton
Blur-up (LQIP)

2 · The "Flash" Problem

On very fast loads, a skeleton flashes for a few milliseconds and feels janky. Enable the 200ms delay: the skeleton only appears if loading actually takes longer. Try a low latency with the delay on vs off.

Idle

3 · Page Orchestration — Loading Islands

Each region owns its placeholder and reveals independently as its own data arrives — no single spinner blocks the whole page. Reload to see staggered reveals.

Each island fetches with random latency.