xxxxxxxxxx
<html>
<head>
<script defer>
const preloaderDiv = document.getElementById('preloader');
addEventListener("load", _ => preloaderDiv.remove());
</script>
#preloader {
/* add your styles here */
}
</head>
<body>
<div id="preloader"></div>
<main>
<h1>Page Content</h1>
</main>
</body>
</html>
xxxxxxxxxx
<link rel="preload" href="main.js" as="script">
<script src="main.js" defer></script>
xxxxxxxxxx
//preloader//
const win = $(window);
win.on("load", () => $("#preloader").fadeOut('800'));