Skeleton Screen
01 Definition
Skeleton Screen meaning: A placeholder layout of gray shapes shown while real content loads into a page.
A skeleton screen displays a simplified wireframe of blank boxes and lines in the positions where text and images will appear. It shows structure before data arrives, which signals progress and makes waiting feel shorter than a blank page or a spinning loader.
Also called
Why it matters
How Skeleton Screen fits the work
Showing the shape of a page before content loads reassures visitors that something is happening, which can make the wait feel faster and reduce the chance they leave.
In context
While the article list loaded, gray placeholder bars filled each card, then snapped into real headlines and thumbnails within a second.
Practical note
Skeleton screens improve perceived speed, not actual load time. If loading is genuinely slow, fix the underlying performance rather than relying on placeholders to mask a long delay.