したがって、複数の JS ファイル (jQuery、jQuery、独自の JS コードなど) を含む Web アプリがあります。index.html という名前のページがあるとします。私のjsファイルをインクルード/プリロードするベストプラクティスは何ですか? プリロードを行う別の JS ファイルを作成することを考えていました (他のすべてのスクリプトを含めて、jQuery.noConflict() を呼び出します)。あなたたちは何を提案しますか？これは可能ですか？どのように実装しますか？
ありがとう！
一般に、スクリプト ファイルを 1 つのファイルに結合します (さらに、それらを縮小または圧縮するか、コンパイルすることもできますが、この最後の項目は影響がゼロではないことに注意してください。問題点があります)。こことここの注記を参照してください。基本的に、ページの読み込みを高速化するための最初のガイドラインの 1 つは、「HTTP リクエストを最小限に抑える」ことです。したがって、scriptタグを 1 つ持つことができるのに 6 つの別個のタグは必要ありません。
ただし、一般的なスクリプトについては、Google の CDNからそれらを使用することでメリットが得られる場合があります。Google は親切にも、CDN で最も一般的な JavaScript ライブラリを無料でホストしています。ここでの利点は、CDN がかなり高速になるだけでなく、ターゲット ユーザーのブラウザーには、以前にサイトにアクセスしたことがなくても、使用したいスクリプトのバージョンがキャッシュされている可能性があることです。
JavaScript 用のスマートで堅牢なスクリプト ローダーであるRequireJSを確認してください。jQuery とうまく連携するように設計されており、すべてのスクリプトを 1 つに結合するための最適化ツールが付属しています。
すべてを同時にロードする場合は、すべてを1つの圧縮ファイルに入れることができます。
最良の方法は、すべての js ファイルを最小化し、それらを 1 つのスクリプトに結合することです。これにより、サーバーに対して複数のリクエストを行う必要がないため、ブラウザーの作業が少なくなります。