javascript - ページが徐々に表示されないようにするにはどうすればよいですか?

Question

私のサイトは画像の読み込みが非常に遅いです。いくつかのテキストが表示され、次にいくつかの表、次にいくつかの画像が表示されます...そして、本文の背景画像が表示されます。
ページ全体の準備が整うまで何も表示されないようにするにはどうすればよいですか?

score 4 · Accepted Answer

にクラスを追加しbody、display:noneページがロードされたら削除することができます..

<body class="loading">
...
</body>

と

<script>
    window.onload = function(){document.body.className = '';};
</script>

score 3 · Accepted Answer

おそらく最も簡単で最良の方法は、Javascript を使用してこれを行うことです。これが実装されているのを私が見た主な方法は、すべての隠されたものを明らかにするドキュメント準備ハンドラーです。

$(document).ready(function() { $('*').show(); });  // Or something similar.

もちろん、サイトのコーディングが不十分だったり、サーバーがジャンクであるかのように見えたりしないように、人々は何らかの「進行状況」のフィードバックを見たいと思っています。だからローダーバーか何か。

上で述べたように、これらのタイプの質問に最適な場所はStack Overflowであり、ランクの高い個人によってそこに移動される可能性があります。それまでの間、これはStack Overflow に関する非常によく似た質問です。

2 に答える 2