JavaScriptを読み込む際の効率

Question

効率性とパフォーマンスを常に最優先にしています。

私は心に留めておきます。

ケース1：

bodyタグの下部に配置された単一のファイル1000ラインコード。

ケース2：

のように別々のファイルに分割同じ1000年ラインコード。

ファイル1 - 200行。

ファイル2 - 200行。

ファイル3 - 200行。

ファイル4 - 200行。

ファイル5 - 200行。

Answer 1

ケース1がより高速になります。

新しいファイルが追加されるたびに、ブラウザはサーバーにリクエストを行い、追加の時間（約200ms）を追加します。 1つのファイルを使用している場合は、ブラウザがサーバーに対して1回のリクエストしか実行しないため、より効率的です。

ウェブサイトのスピードアップの詳細については、this articleをご覧ください。

Answer 2

ケース1は高速です。

一般的に、わかりやすく読みやすい保守しやすいコードを作成することをお勧めします。多くの場合、これを効率よりも好まなければなりません。

両方の方法を最大限に活用するにはどうすればよいですか？内部的には、コードを配布する必要があります。したがって、保守が容易です。しかし、オンラインになると、すべてを1つのファイルにまとめたスクリプトを書くことになります。

例は、JQueryのような多くのjavascriptフレームワークです。読みやすく、保守しやすいバージョンと、非常に圧縮されたバージョンはほとんどありません。その後はやや速くなりますが、非常にユーザーは不愉快です。内部的には人間にやさしいバージョンで作業し、その中から最小限のバージョンを作成するスクリプトを使用します。