Custom Skeleton Loaders

[lottiecoxon]

Introducing PostHogs very own custom loaders

Moving away from Ant Design's skeleton loader we want to create a custom skeleton loader for our product. This will level up the user experience and create a more polished look to the dashboard. Currently with Ant Design, the skeleton loader is basic and universal - while this has worked well for the time being, it would be better to have loaders that represent the product more accurately.

Describe the solution you'd like

A new table skeleton loader default as well as 6 unique insight loaders that represent the different insights we provide. This is accompanied by color work as well as gradient size and timings- I would like to test this before shipping so may need some help from engineering in this department.

Describe alternatives you've considered

• Custom table skeleton loaders for different layouts- overall this would be too much effort and not gain us that much.

• More artistic and conceptual insight loaders - we soon realised that this was misleading having loaders that didn't closely represent what was inside the app. (example below)

Additional context

• Ant Design
• Figma

Thank you for your feature request – we love each and every one!

[pauldambra]

for context

time skeletons are visible for

90th percentile dashboard loading time: https://app.posthog.com/insights/7kneM83F 99th percentile dashboard loading time: https://app.posthog.com/insights/4iiCgU47

time insight card loaders are visible for

90th percentile insight card refresh time: https://app.posthog.com/insights/vBsx3iUQ 99th percentile insight card refresh time: https://app.posthog.com/insights/iooDNhAg

and all in one place https://app.posthog.com/dashboard/49075

[LuisChiej]

As regards this, Are we looking at moving away completely from Ant Design's skeleton loader for a fully-fledged custom skeleton loader component for 6 unique insight and table skeleton, or do we just want to make the Ant Design skeleton loader more polished and customized to properly represent your product on loading state?

@clarkus, @lottiecoxon, @pauldambra

[posthog-bot]

This issue hasn't seen activity in two years! If you want to keep it open, post a comment or remove the stale label – otherwise this will be closed in two weeks.

[posthog-bot]

This issue was closed due to lack of activity. Feel free to reopen if it's still relevant.