DEV Community

Discussion on: Speed Up Your UX with Skeleton Loading ☠️

Collapse
 
shippin profile image
Yonatan Shippin

This wouldn't work with dynamic content- and that's actually fine.
The skeleton is not intended to exactly match the content of the loaded site - But it is supposed to hint what's coming.

Also, don't forget it's normally only the "Above the fold" content we care about.

My favourite way of applying a skeleton is to keep the structure of the html same as the loaded content but have the ".skeleton" class added to each element.

The class makes it look like a skeleton (i.e. apply the grey background, loading animation etc) and when the content has finished loading for the specific div - the class gets removed (by javascript).