Home/ Questions/Q 85199
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-10T22:03:06+00:00

I have a web app that is heavily loaded in javascript and css. First

  • 0

I have a web app that is heavily loaded in javascript and css. First time users log in it takes some time to load once it is downloading js etc. Then the caching will make everything faster.

I want my users to be aware of this loading time. How can I add some code to ‘show’ some loading information while js and css are downloaded?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. You could show an overlay saying ‘loading…’ and hide this the moment the downloads are complete.

    <html>     <head>         ... a bunch of CSS and JS files ...          <script type='text/javascript' src='clear-load.js'></script>     </head>     <body>         <div              style='position: absolute; left: 50px; right: 50px; top: 50px; bottom: 50px; border: 3px solid black;'             id='loading-div'         >             This page is loading! Be patient!         </div>          ... Your body content ...     </body> </html>

    Contents of clear-load.js:

    document.getElementById('loading-div').style.display = 'none';

    Of course, you could also tack the javascript code that hides the div at the bottom of the last javascript file that’s loaded.

    Also, try to pack your javascript and css files into one file and apply gzip compression or ‘minify’ to them. You can bring 500KB of javascript in 20 requests to 1 request of less than 100KB if you do it right.

    • 0