javascript - 多くの JavaScript ファイルの読み込み

Question

すべてのサイト全体の JavaScript 関数を 1 つのファイルに入れる方が良いですか、それとも複数のファイルに分割できますか (現時点では約 15 個あります)。
私の訪問者は、サイトを呼び出すときの読み込み時間が長いと不満を漏らしているので、その理由を見つけようとしています.

それで、それはまったく違いを生むのですか？

Answer 1

はい、特典が受けられます。

これは、HTTP プロトコルがすべてのファイルに対して順次かつ同期的に要求を行うためであり、すべての要求がデータ ペイロードと要求応答遅延を伴うため、すべてのファイルを 1 つに統合することにより、要求が 1 つだけになるためです。 -応答遅延と単一のデータ ペイロード。

Chrome DevTool の [Network] タブまたはその他のネットワーク アナライザー ツールを表示すると、視覚的な説明を得ることができます。

さらに、この目的のために作成された多くのオンライン ツールのいずれかを使用して、取得したメインのJavaScript ファイルを縮小することができます。たとえば、これ。

それらが相互に依存している場合、それらを統合するときに JavaScript ファイルの順序を維持するように注意してください。