Как сделать пока непрогрузится DOM-дерево не отображать сайт полностью?

Повесить на body в CSS display: none, а когда все загрузилось, в жаваскрипте отменить.

Проблема этого подхода: браузер без жаваскрипта отобразит чистый лист. (Сейчас многие сайты без жаваскрипта не работают, так что это считается сорт оф приемлемым, хотя я стараюсь так не делать все равно.)

Сайты без JS не работают? Флаг им в руки - пускай не выключают JS :D

Обычный юзер себе JS не вырубит, вырубать его могут что бы пакостить когда какая-нибудь проверка происходит на не на стороне сервера, а на стороне юзера.

fgnass.github.io/spin.js/#v2.0.1
на данном сайте используется этот плагин,
вот его русский перевод ruseller.com/adds/adds2268/example

Назначьте body стиль display:none.
Когда произойдет window.onload (или document.ready -смотрите что именно вам подойдет), сделайте display:block.