<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><link rel="preload" href="main.js" as="script"> <script src="main.js" defer></script>//preloader// const win = $(window); win.on("load", () => $("#preloader").fadeOut('800'));