0

多くの人と同じように、私は長い間画像のプリロードを行ってきましたが、必ずしも合理的であるとは限りません。だから私はjavascriptで画像をプリロードする正しい方法についての考えのこの短いリストを思いついた。

  • 画像プリロードスクリプトは、できるだけ早く実行する必要があります。BODYセクションの下部にある他のスクリプトとは異なり、HTMLの上部(HEADセクション)に配置する必要があります。
  • 実行が遅れる可能性があるため、ライブラリ(jQueryなど)に依存してはなりません。
  • CSS(通常はHTMLの先頭で呼び出されます)がすでにジョブを実行しているため、CSSスプライトと背景画像をプリロードする必要はありません(これにより、JavaScriptイメージのプリロードの全体的な必要性が減ります)。
  • プリロードスクリプトは、ユーザーがサイトにアクセスするページに関係なく効果的であることを確認するために、サイトのすべてのページに配置して実行できます。(しかし、画像がキャッシュされていることを確認するためだけに、毎回スクリプトを実行するオーバーヘッドはどうですか?)

この件についてのご意見をお待ちしております。

4

1 に答える 1

2

画像プリロードスクリプトは、できるだけ早く実行する必要があります。BODYセクションの下部にある他のスクリプトとは異なり、HTMLの上部(HEADセクション)に配置する必要があります。

これにより、最初のページの一部である画像よりも、ユーザーが何かをした場合に表示される可能性のある画像が優先されます。(最初のページの一部である画像をプリロードしようとしている場合を除き、冗長になります)。

実行が遅れる可能性があるため、ライブラリ(jQueryなど)に依存してはなりません。

このような遅延は重要ではありません

CSS(通常はHTMLの先頭で呼び出されます)がすでにジョブを実行しているため、CSSスプライトと背景画像をプリロードする必要はありません(これにより、JavaScriptイメージのプリロードの全体的な必要性が減ります)。

ブラウザは、スタイルシートに記載されている画像が表示されていない場合、それらを最適化してロードしない場合があります。

プリロードスクリプトは、ユーザーがサイトにアクセスするページに関係なく効果的であることを確認するために、サイトのすべてのページに配置して実行できます。(しかし、画像がキャッシュされていることを確認するためだけに、毎回スクリプトを実行するオーバーヘッドはどうですか?)

賢明なキャッシュ制御ヘッダーは、画像の鮮度をチェックするためにHTTPリクエストを行う必要性を回避する必要があるため、これは無視できるはずです。

于 2010-10-08T08:34:18.230 に答える