Как поставить загрузочный экран на сайт?

Question

[Alibek Kulseitov]

В гугле много ответов как сделать css и html код загрузчика но я не нашел как именно сделать чтобы loader грузился до того момента как все скрипты и сайт загрузился.

Answer 1

[0leg5ergeev]

joaopereirawd.github.io/fakeLoader.js

Answer 2

[Иван]

1) Ставишь блок прелоадера первым в body.
1*) Помещаешь на блок нужный треш (заставку итп).
2) Пишешь ему стиль 100% ширина и высота, position: fixed, z-index: овердофига.
3) Вставляешь в самом конце перед закрытием body скрипт window.onload, в котором выставляешь прелоадеру display: none.
4) Profit.

Answer 3

[Александр Вульф]

https://jsbin.com/liweje/edit?html,css,js,output