0

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

一部の人々が従う1つの戦略は、すべてのJavaScriptファイルを1つの縮小ファイルに連結し、すべてのスタイルシートファイルも1つの縮小ファイルに連結することですが、これは遅延ロードの概念に反します。たとえば、angular oc lazyloadはこの方法で状態ファイルをロードします:

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

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

問題は、どのパターンが連結または遅延読み込みのパフォーマンスを向上させるかということです。

4

2 に答える 2

1

これに対する答えは、構築しているアプリケーションによって異なります。しかし、決定を下すのに役立つように、違いを説明します。

単一のファイルに連結する利点

  1. アプリの速度が確実に向上します (ただし、後で初めてキャッシュのメリットが得られます)。
  2. サーバーまたは静的リソースがホストされている静的サーバーへのリクエストの数が減ります。

遅延読み込みの利点

  1. 最初のページの読み込みは以前に比べて高速になりますが、リソースをオンデマンドで読み込むため、ユーザーがアプリを使用している間は遅延が発生します (これは、一部の種類のアプリケーションのユーザー エクスペリエンスにとって好ましくない場合があります)。
  2. 最初はサーバーへのリクエスト数を減らすのに役立ちますが、アプリがユーザーによって使用されているため、すべてのリソースを 1 つずつダウンロードする必要があります。

最後に、私は最初のオプションを好みます。

これがお役に立てば幸いです:)

于 2016-06-21T18:35:27.447 に答える