worldping-app
worldping-app copied to clipboard
raintank
Illustration: Page taking too long to load
On pages like this, I'd like to have a custom illustration,(animated, 404'esque) that appears when pages take too long to load:
Stub for ideas.
- always better if we automatically track these things instead of telling users "sorry our site is slow and we're not noticing it so could you please tell us", although obviously if page is loading slowly there's chances said callback to us won't work well either. So I'm thinking some kind of animation "letting raintank know the page is loading slowly.... success! they are made aware of this" this of course requires us to set up the backend infra to process this. but shouldn't be too hard (ajax callback, http receiver -> graphite metrics).
- some kind of meta timeseries visualization "pun" would also be cool. perhaps a lightweight animation representing that things go a little slow.
either way, if we put text on this screen, especially if we change the text as in my first idea, we should also make sure people actually have time to read things. so if the page loads but we just showed some content, instead of showing the page immediately we should probably show something like "page now ready! loading in 4..3..2.. or press continue"
@Dieterbe Cool, i like the ideas.
Currently the text does load slowly, and has built in delays - the above screenshot is only after it's been sitting there for 10s (iirc). There are two messages that are displayed before resorting to "ugh, broken".
ok (just posting something here so it goes out of unanswered queue in codetree)
This needs to be replaced, SMIL is being deprecated: https://css-tricks.com/smil-is-dead-long-live-smil-a-guide-to-alternatives-to-smil-features/
Assigning to me to do.
