Вы можете показать наложение с надписью «загрузка ...» и скрыть это в тот момент, когда загрузка завершена.
<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>
Содержимое clear-load.js:
document.getElementById('loading-div').style.display = 'none';
Конечно, вы также можете прикрепить код javascript, который скрывает div внизу последнего загруженного файла javascript.
Также попробуйте упаковать файлы javascript и css в один файл и применить к ним сжатие gzip или «minify». Вы можете принести 500 КБ JavaScript в 20 запросах на 1 запрос размером менее 100 КБ, если вы все сделаете правильно.