Preload html

How to add preloader in html page

$(window).on('load', function() { // makes sure the whole site is loaded 
  $('#status').fadeOut(); // will first fade out the loading animation 
  $('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website. 
  $('body').delay(350).css({'overflow':'visible'});
})

Preload html

<head>
  <meta charset="utf-8">
  <title>JS and CSS preload example</title>

  <link rel="preload" href="style.css" as="style">
  <link rel="preload" href="main.js" as="script">

  <link rel="stylesheet" href="style.css">
</head>

<body>
  <h1>bouncing balls</h1>
  <canvas></canvas>

  <script src="main.js" defer></script>
</body>

Source: developer.mozilla.org

Similar codes

2 votes216 views3 answers
Coronavirus tips
Html
0 vote218 views1 answer
Createjs
Html
0 vote221 views1 answer
Twig locale name
Html
0 vote222 views1 answer
Amp-img example
Html
1 vote210 views2 answers
How to refer to external style sheet
Html
0 vote232 views1 answer
How to call html.action in asp.net core
Html
0 vote214 views1 answer
Html remove space after paragraph
Html
147 votes208 views4 answers
Import script html
Html
38 votes256 views6 answers
Iframe in html
Html
208 votes253 views6 answers
How to link your js file to html
Html