Hey everyone,
I have a question regarding the long loading times of some pages. I created a database with around 50 entries that are loaded in a repeater on a page. Unfortunately, it takes a very long time to load this page. Clicking the menu entry leaves the current page on until the other page is loaded. This leads to the feeling in the user that clicking the button didn’t work and they try it again, which makes navigating the site pretty awful.
Is there any possibility to add a preloader or a loading screen to a single page? So that after clicking the menu item the site turn blank, a loading animation pops up until the database information is loaded onto the page.
I was reading some forum entries but I haven’t found a fitting solution, yet. So, sorry if this is a duplicate post and thank you a lot for your help!
You can try to add a GIF loading, hidden on load… then show on click event, this will let your user that they already clicked the menu. And don’t show all 50 data entries to display in your repeater, set a limit of 5 then add a button to load more.
Hello @floabgrund !
Were you successful in solving this?
I think you are looking for something like this site has which I believe was created by @aquacruise .
Daniel, can you tell us how you achieved the loading/wait screen/animation on your site (which is very well designed!).
I’ve been looking to add something similar to mine.
Thank you very much for your suggestion. I will try this in the next few days and will let you know about it.
//edit: If I add an animated gif to the page that shows on a click event then I have to link every button on the page to that event, right? or is there another way of doing this?
Thanks for this great example. This site is highly dynamic but the loading animation is basically exactly what I am looking for.