javascript - Javascriptを別々のファイルに分割すると、パフォーマンスに影響がありますか？

Question

jQueryとjQueryMobileを使用してPhoneGap（Cordova）アプリを作成しています。

私は初心者なので、簡単にするために、スクリプトを別々の.jsファイルに保存し、関数を関数ごとに大まかに分けておくのが好きです。

（1）この方法にパフォーマンスへの影響はありますか？

（2）これが私が気付いていないプログラム上の効果はありますか？

（3）これはCordovaアプリなので、すべてのファイルが事前にパッケージ化されていますが、これは、従来からアクセスされているWebサイトについて話しているときに、より良い/より悪いアイデアになりますか？

ありがとう！

---

編集

この質問をして以来、私はこのブログ投稿を見つけました。http://css-tricks.com/css-sprites/。画像のコンテキストではありますが、複数のHTTPリクエストの問題とそれに関連するパフォーマンスの問題に対処します。

Answer 1

1. はい：

   • 1つの大きなファイルよりも複数の小さなファイルをロードする方が時間がかかります。
   • スクリプトは順番に実行されるため、いくつかのファイルでは、ロード-実行-ロード-実行サイクルがあり、前のファイルが実行されるまで各ファイルをロードできません。

2. スクリプトは順番に実行されるため、一方が他方に依存している場合は、正しい順序である必要があります。

3. 1つのパッケージとしてロードされた場合、ネットワーク転送時間は同じになりますが、スクリプトをページにロードするプロセスは、いくつかのスクリプトを使用するとさらに複雑になります。

Answer 2

1. 通常、パフォーマンスにはあまり影響しませんが、パフォーマンスに影響はありません。クライアントブラウザから生成されるリクエストの数。
2. jsを個別のファイルに保持することによるプログラム上の影響はありません。
3. 古典的なウェブサイトの場合、それをあなたが使用している方法で維持するのは良いことです。

私が理解している限り、これは設計上の問題であり、スクリプトのファクタリングと累積のバランスを保つ必要があります。

Answer 3

クライアントマシンで実行しても、目立った影響はありません。ただし、個別のJSファイルが多数あると、ユーザーが認識する読み込み時間に顕著な影響を与える可能性があります。これは、「ページの重み」と呼ばれるものの1つの側面です。

ファイルごとに、ファイルを検索してダウンロードするための個別のリクエストが必要です。小規模またはトラフィックの少ないサイトの場合、これはそれほど重要ではありません。しかし、使用量が増えると、それは非常に目立つようになる可能性があります。