Performance .. loading effect

Abanoub_Talaat
Tourist
18 0 0

I've a page with low performance
and I need to add loading effect between the user click and the page is loaded 
(It's a form .. it's take long time to show up .. I want loading effect in order to make the user understand that there is a form will appear)

0 Likes
Jon_Chambers
Excursionist
24 1 2

Hi.

This is not clear to me, is this a link the user is clicking to get to the form or steps in the form and the user clicks a "next" button?

Or are you looking for a pre-loader on the form page, so a spinner shows up quickly and page loads behind it.

Regards,
Jon

 

 

0 Likes
Abanoub_Talaat
Tourist
18 0 0

I looking for a pre-loader on the form page, so a spinner shows up quickly and page loads behind it.

0 Likes
Jon_Chambers
Excursionist
24 1 2

Got it, thanks for explanation.

So when the server side is taking a while to return data the page will look blank/frozen as you mentioned.

There are a couple of options.
The easiest if you don't want to code much is to make another page, the pre-loader.
Send everyone to the first page (pre-loader) which has a nice loading screen, then on load auto redirect to the form page.
This should keep the loading page showing until the page loads.
( though there are exceptions I will below )

If the page is still blank, then it's loading via a script.
So you can add a popup loading screen before that script starts, then remove it when it's complete.

Those are some ideas how to get it down.

 Regards,
Jon

Shopify Development: jcbellc.com

 

 

 

0 Likes
Abanoub_Talaat
Tourist
18 0 0

Great.. I want a script with popup loading screen

0 Likes
Abanoub_Talaat
Tourist
18 0 0

I want a pre-loader to put it before the page completely loaded 

0 Likes