これでそれを置くために私のプリローダーのコードです。私はそれがさまざまな例のWebサイトでさまざまな方法で行われているのを見ました。中には、<head>タグの直後（コードを宣言する前）にスクリプトタグ内にコードを入れたり、CSS /その他のスクリプトを取り込んだ後にスクリプトタグの中に入れたりするものもあります（クローズ</head>タグのすぐ上にあります）。他の人は、</body>終了タグの直前にスクリプトタグの中に入れています。プリローダーコード、HTML文書
プレローダーの全ポイントが、コンテンツがロードされるのを待つことになるので、一種混乱します.cssや他のスクリプトが<head>タグ内にインポートされる前に、
ありがとうございました。
ベストプラクティスは、あなたがそれは問題ではないloadイベントを使用しているため、ページのレンダリング性能の目的が
のための体の下にあるすべてのスクリプトを置くことです。ロードハンドラー内のコードは、ページのどこに配置するかに関係なく、ウィンドウがロードされるまで実行されません。
htmlソースに存在するすべてのリソースが読み込まれるまで、そのイベントはトリガーされません... css、scripts、imagesなどです。追加する可能性のあるajaxやその他の非同期コンテンツについては知らない
ノートは、しかし$(window).load()が廃止され、あなたが
$(window).on('load', function() {
$(".preloader").fadeOut("slow");
});
を使用する必要がありますそして、あなたは画像を心配していない場合
$(function() {
$(".preloader").fadeOut("slow");
});
を使用することができることをmと良いでしょう'$（document）.ready（...）'イベントは、DOMの準備ができたときに起動しますが、必ずしもすべての外部リソースがロードされた後では発生しません。 OPにはもっと意味をなさないかもしれない。 – JCOC611