Preloaders, I have looked through and a lot of discussion but most of the preloaders noted are hit and miss. Many are gargantuan code

Ask the community
,
1

Seems that this just perpetuates the problem as elaborate preloaders are just creating more bulk and folks will tire of seeing those popups. The one simple code provided by Wix and has a editor example attached actually does not provide a good description of creating as the editor does not show the preloader properties panel.

Thoughts? https://www.wix.com/code/home/example/Preloader

$w.onReady(() => {
	waitForLoading();
});

export function button6_onClick(event) {
	$w('#preloader').show();
	waitForLoading();
}

function waitForLoading() {
	setTimeout(() => {
		$w('#preloader').hide('FadeOut');
	}, 1500);
}
2

Wix’s example imitates a preloader effect.

There was a coder that passed the following code to a Wix design Expert … which created a video tutorial on how to accomplish a true preloader:

https://futurevisionweb.wixsite.com/futurevision/preloader

3

Thanks…I did see that the developer tools were not turned on for the wix example, thus not seeing everything. But it still is created by an onclick event. So doesn’t really apply, as I would think you need an onevent. I tried the futurevision before, but then I got my speeds down to where I was happy and something in back of my head seems to tell me there was something that concerned me. But wix is really lagging this week, so I am back wondering if I need to implement. IF they would just get the speed down 20 percent better, I would be happy. (mobile is horrendous)

4

FYI, you have some great stuff out there for people coming into coding. I learned much more from you because the steps were clear. So much thrown out there by wix is missing the intermediate points, so it is almost like why even put it out there. The editor tutorials are great (for me anyway).

5

I’m going to tear into the futurevision code, for myself I would like more of a text preloader, rather than a spinning figure. That spinning figure just states “Hey, this is loading slow”. Most people recognize that. I think it is better to give them something that is not quite an annoying pop up, but a simple message. So it feels intentional and they are not sitting there thinking, yeah this is a slow site.

It transitions into a light box, so they have something to read when things are REALLY SLOW…but the text remains for them to click out of. But do not want like some of the elaborate that are out there…that just seems to add time (I would think). Happy medium is simple text.

6

Well thank you :slight_smile:

My goal for my videos is to show a procedure as easy as possible …allowing beginners to learn a few tricks, but also short enough for an experience coder to “grab the code and go”.

Good luck with your preloader … I haven’t done one because I personally don’t like them.