jqueryドキュメント準備完了リスナ対画像読み込み;実行順序

Question

時刻に基づいて異なる画像を表示するページがあります。

jqueryの準備ができているリスナーには、これがどのように作用しているのですか？すべての画像要素を選択し、時間に基づいてソースを変更する関数があります。各imgタグには、htmlで指定されたデフォルトのsrcがあります。ユーザーがjsを無効にした場合などです。

しかし、私はブラウザーがデフォルトイメージのロードを開始し、その後、時間固有のイメージをロードして不必要なオーバーヘッドを引き起こすことになるというのは陳腐です。

私の質問はこれです：jquery準備完了イベントでimgソースを変更した場合、ブラウザがイメージのロードを開始する前にimg srcが変更されますか？

ありがとうございました。これは重複した質問ですが、お詫び申し上げますが、jquery readyイベントのニュアンスについては100万の質問があります。

Answer 1

準備ができているリスナーは、すべてのhtmlが読み込まれるとすぐに実行されると思います。つまり、bgが読み込まれて準備が整うまで待つことはありません。したがって、タイミングに依存して、デフォルトの読み込みを切り替えてから切り替えることができます。

おそらく、イメージのsrcまたはbgのcssを省略して、ready（）内のjqueryでのみ追加することができます。 JSを無効にする人々のために

、あなたはあなたがjQuery's documentationにこの権利に対する答えを見つけることができるのnoscriptブロック

Answer 2

にデフォルトの負荷を持つことができます。

JavaScriptが時にコードを実行するためのloadイベントを提供していますが画像が完全に受信されるまで ページがレンダリングされると、このイベントはトリガーされません。ほとんどの場合、 スクリプトは、DOM階層が完全に に構築されるとすぐに実行できます。

コードが格納されると、イメージのロード状況に関係なく、実行可能イベントが実行されます。これは、イメージが表示されているかどうか、完全に、または部分的にロードされている可能性があることを意味します。

画像がロードされていないことを確実に確実にしたい場合は、コードに書き込まれた画像のみが表示されるように、このサーバーサイドを実行することをお勧めします。変更すると、デフォルト画像の全部または一部が確実に表示されます。