オフラインhtmlページで遅延を読み込む

Question

ページが十分に高速に読み込めない場合は、HTMLページにオーバーレイ遅延があります。

HTML

<div class="loading" style="display: none; "></div> 

CSS

.loading { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 100000; 
    background: url(../img/loading.gif) no-repeat center center white; 
} 

スクリプト

jQuery(window).load(function() { 
//Image Hover Efect 
jQuery(".loading").fadeOut(1000); 
}); 

ザ・スクリプトがOKであるかどうかを確認するために、ページの読み込み遅延を得るためにすべての変更？

Answer 1

、。

Greatings。

Answer 2

Fiddlerを使用すると、サーバーからの応答が遅くなる（またはブレークポイントで遅延する）ことでこの機能をテストできます。

私はあなたがこれをしないと思うかもしれません。あなたのコードが読み込まれている間何かを表示するには、それをブラウザに任せてください。ユーザーとしては、読書を始める前にページが読み込まれるのを待たないことがよくあります。オーバーレイが消えている間に1秒間待つことも気にしません。

jQuery(document).ready(function() { 
    //Image Hover Efect 
    jQuery(".loading").fadeOut('fast'); 
}); 

DOMが完全にロードされたときに.ready関数が実行されます。このような代わり.LOAD利用.readyの