Como fazer uma tela de loading antes de abrir o site?

Olá,

Este exemplo demonstra como criar um preloader, que pode ser usado para permitir que os usuários saibam que o conteúdo do site está sendo carregado.

Aqui nós criamos um preloader usando um elemento box. O preloader sobrepõe os elementos de conteúdo do seu site. Simulamos uma carga lenta usando a função setTimeout do JavaScript.

Quando o conteúdo é carregado, o preloader é oculto usando a animação do FadeOut.

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

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

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