Alles verstecken, bis die Seite vollständig geladen ist

Ich möchte alles auf meiner Seite verstecken, bis die Seite vollständig geladen ist. Ich habe viele Posts gesehen und verschiedene Dinge ausprobiert. Die gängigste Lösung, die großartig funktioniert, ist

<body style="display:none;">

Führen Sie dann jQuery aus, um es beim Laden des Fensters erneut anzuzeigen

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

Ich habe ein Problem damit, da die Seite darauf angewiesen ist, dass JS überhaupt etwas anzeigt. Ich schätze, das ist eine seltene Sache, fühlt sich aber falsch an.

Im Idealfall möchte ich jQuery verwenden, um die Anzeige hinzuzufügen: keine CSS als auch

jedoch...

Das Problem ist, wenn ich hinzufüge

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

Auch dies dauert eine Weile und die Seite flackert mit Inhalten vor der Hand.

Gibt es einen besseren Weg?

Könnte ich das obige Skript ohne document.ready verwenden (ausprobiert, aber nicht funktioniert)

Vielen Dank.

Antworten auf die Frage(8)

Ihre Antwort auf die Frage