角度ベストプラクティス：連結

Question

対Lazyload私は多くの角度のアプリケーションを構築している、と私はアプリのパフォーマンスを改善しようとするたびに、アーキテクチャ...など

は何人かの人々が従う一つの戦略は、1縮小さですべてのJavaScriptファイルを連結することです

//inject dependency 
var myApp = angular.module("MyApp", ["oc.lazyLoad"]); 

//load file 
myApp.controller("MyCtrl", function($ocLazyLoad) { 
    $ocLazyLoad.load('testModule.js'); 
}); 

質問があるパターンがより良いパフォーマンス連結を提供したりします：ファイル、および1つの縮小さファイルでも、すべてのスタイルシートファイルが、これはしかし、このようにoc lazyload負荷状態ファイルの角度例えば、lazyloadコンセプトに対抗します遅延読み込み？

Answer 1

アプリケーションのサイズによって異なります。 もし小さければ、すべてのjsファイルを1つに連結し、それを縮小するだけで十分です。 モジュール化されたアプリケーションが大規模な場合は、一部のユーザーがすべてのモジュールを訪問しない可能性があります。この場合、単一のjsファイルをいくつかのチャンクに分割し、必要に応じて遅延ロードする方がよいでしょう。

Answer 2

この回答は、作成しているアプリケーションによって異なります。違いを説明して、あなたの意思決定を助けることができます。単一のファイルにでCONCATENATEの

利点

1. これは間違いなく
2. それはの数を減らすことができます（あとでキャッシュ利益を得るだろう、初めて除く）アプリの速度を向上しますサーバーまたは静的リソースがホストされている静的サーバーへの要求。遅延読み込みの

利点

1. 初期ページのロードが速く、以前と比較されますが、あなたはオンデマンドでリソース（この月のロードされますので、あなたのアプリを使用して、ユーザしばらく時間がかかりますいくつかのタイプのアプリケーションではユーザーエクスペリエンスには気にならない）。
2. 最初にサーバーへのリクエスト数を減らすのに役立ちますが、ユーザーがアプリケーションを使用しているので、すべてのリソースを1つずつダウンロードする必要があります。

最後に、私は最初のオプションを優先します。

希望すると便利です:)