"Whitespace" loading for topics

[Bauke]

Youtube (using Youtube as the example) has this loading system where it'll have the area of certain stuff loaded as "whitespace", I'm not really sure how to explain it without a picture.

I think this would fit in pretty well for stuff like topics and stuff that needs to load and has a somewhat consistent size. I'm not sure how easy it would be to implement so it might be too ambitious.

[go1dfish]

Thanks for the suggestion, I already do this for individual items (try to guess at what type of content it is, display a placeholder that matches)

But I don't fill out empty spaces that have no items with totally fake items yet, could be an interesting approach.

For now I will likely avoid this just because it helps me keep tabs on how fast different stages are happening as I try to improve; but I def want to take advantage of perceptual tricks like this in the future.

This specific may not make much sense after the move to server side rendering and more cacheing of data for fast delivery.

[LifeUhFindsAWay]

Unless you had objects representing the various divs that would need placeholders. that held the necessary size properties, then initialize the place holder objects first thing, then set the values of the once the response comes through. a response that's basically a JSON object representation of the model.

This would be a breeze in Typescript