Ничего подобного делать не нужно.
Достаточно лишь написать скрипт, который создаст новый div (sloi) с имеющимся внутри изображением загрузки поверх всего сайта.
#sloi {
position: fixed;
z-index: 9999;
background: #CCC;
width: 100%;
height: 100%;
}
<div id="sloi"></div>
По завершению загрузки - скрипт скроет/удалит этот слой и сайт отобразится.
После подключте куки и сделайте, если скприт уже был 1 раз запущен, больше он запускаться уже не будет.
Это вам должно подойти