多くの人と同じように、私は長い間画像のプリロードを行ってきましたが、必ずしも合理的であるとは限りません。だから私はjavascriptで画像をプリロードする正しい方法についての考えのこの短いリストを思いついた。
- 画像プリロードスクリプトは、できるだけ早く実行する必要があります。BODYセクションの下部にある他のスクリプトとは異なり、HTMLの上部(HEADセクション)に配置する必要があります。
- 実行が遅れる可能性があるため、ライブラリ(jQueryなど)に依存してはなりません。
- CSS(通常はHTMLの先頭で呼び出されます)がすでにジョブを実行しているため、CSSスプライトと背景画像をプリロードする必要はありません(これにより、JavaScriptイメージのプリロードの全体的な必要性が減ります)。
- プリロードスクリプトは、ユーザーがサイトにアクセスするページに関係なく効果的であることを確認するために、サイトのすべてのページに配置して実行できます。(しかし、画像がキャッシュされていることを確認するためだけに、毎回スクリプトを実行するオーバーヘッドはどうですか?)
この件についてのご意見をお待ちしております。