Cacher le tout jusqu'à ce que la page a fini de charger

Je suis à la recherche de tout avoir sur ma page cachée jusqu'à ce que la page a fini de charger. J'ai vu de nombreux posts et essayé différentes choses.
La solution la plus courante qui fonctionne très bien est

<body style="display:none;">

Puis exécutez jQuery pour afficher à nouveau sur la fenêtre de la charge

$(window).load(function() {
  $("body").fadeIn("slow");
});

J'ai un problème avec cela, que la page est tributaire de JS pour afficher quoi que ce soit. J'apprécie c'est une chose rare, mais se sent juste mal.

Idéalement, je voudrais utiliser jQuery pour ajouter le display:none en css ainsi

cependant...

Le problème est que lorsque j'ajoute

$(document).ready(function {
  $(body).css('display', 'none');
});

Même cela prend un certain temps à s'exécuter et la page scintille avec le contenu avant de la main.

Est-il un meilleur moyen?

Pourrais-je utiliser le script ci-dessus, sans document.prêt (essayé, mais n';t de travail)

Grâce.

vérifiez ceci: inwebson.com/demo/jpreloader-v2
stackoverflow.com/a/3629799/3058754
Essayez de mettre le JS juste après <body> et sans l'aide de jQuery (jQuery pour charger en premier).
Vérifiez ce post... stackoverflow.com/questions/9734021/......
en fait, je voulais poster ce lien de cause une aboce a pas reçu d'informations.. il met toutes les images et le contenu du site avec quelques rappels utiles inwebson.com/jquery/...

OriginalL'auteur Pete Norris | 2014-02-28