Loading Screen Help

Hi! I am wondering if there was anyone out there who can make a loading screen for my website. I want something similar to the one here! If you can, I could invite you to the project I need it on!

Thanks!

1 Like

do you have a large enough page that transferring it takes much longer than connecting and waking up the project?

1 Like

it occurs to me maybe it’s more practical if you load the whole site, then run an animation that merely says “loading”

I am using GSAP, and for a veery short time you can see all the elements before the animations set in. See it at EDIT: (Link hidden for suprise when I share it :))

for that website I wouldn’t recommend you using a loading animation - you don’t need it.

if your website makes requests to the server for dynamic content, then just use a spinner or skeleton loader (I recommend using a skeleton loader)

Okay! Thank you!

what happens during that short time? does it need to load something to set the animations?

Maybe. It just shows all the elements before the animations start. Since I have bunch of elements go offscreen to fly in, you can verrry briefly see them before they go away. I didn’t know if it was something worth bothering about. I’ll keep it for now. I am almost done and then I can share it with all the community. It’s my best website yet.

well I’ve heard broadly from well resourced companies that the advice in that situation is to “inline” anything that you need to draw the “above the fold” part of your page :confused: