2016-12-01 20 views
0

基本的に、私の質問は角度$状態の最適化についてです。私は小さなプロジェクトを持っており、毎回コールするたびに解決するオブジェクトが約9個ある特定の状態になると、ページをロードするのに約3〜4秒かかります。私は問題が国家であると思ったので、それらを解決するのではなく、その9つのオブジェクトで1つのオブジェクトだけを解決することにしました。しかし、ページが読み込まれるまでにはまだ3〜4秒かかります。角度コードを最適化してより速く読み込む方法はありますか?

resolve: { 

       // Countries: function (msApi) 
       // { 
       //  return msApi.resolve('[email protected]'); 
       // }, 
       // Nationalities: function (msApi) 
       // {       
       //  return msApi.request('[email protected]'); 
       // }, 
       // EmploymentStatuses: function (msApi) 
       // {       
       //  return msApi.request('[email protected]'); 
       // }, 
       // Industries: function (msApi) 
       // {       
       //  return msApi.request('[email protected]'); 
       // }, 
       // JobFunctions: function (msApi) 
       // {       
       //  return msApi.request('[email protected]'); 
       // }, 
       // EducationLevels: function (msApi) 
       // {       
       //  return msApi.request('[email protected]'); 
       // }, 
       // FieldOfStudy: function (msApi) 
       // {       
       //  return msApi.request('[email protected]'); 
       // }, 
       SkillList: function (msApi) 
       {       
        return msApi.request('[email protected]'); 
       }, 

       //All Requests in One 
       ResumeData: function (msApi) 
       {       
        return msApi.request('[email protected]'); 
       }, 
      } 

これらのコメントは、ResumeDataによって取得されます。また、ビューページには多数のng-repeatsがありますが、これが問題になりますか?はいの場合は、ng-repeatを置き換えてselectやその他のコンポーネントを実装してパフォーマンスを向上させる方法がありますか?

+0

コードを入力してください。 – Mistalis

+0

は複数のngリピートを持つことは大きな問題ではありませんが、片方向のバインディングを使用していても、9つのオブジェクトを個別に解決すると役立ちます。解決するとUIがレンダリングされます(他のオブジェクトが解決されている間に読み込みが表示されます)。 ) – Yaser

+0

ちょうどofftopの質問は、角度2はこれすべてをよりよく扱うのですか? – d123546

答えて

0

$httpProvider.useApplyAsync(true);http://blog.thoughtram.io/angularjs/2015/01/14/exploring-angular-1.3-speed-up-with-applyAsync.html)を使用すると、複数のリクエストを高速化できます。

そして、ユーザーが状態を切り替えると、サーバーではなくメモリ内のjsオブジェクトからデータを取得するように、データを保持するキャッシュサービスを作成して5分と言うことができます。

残念ながら、これは私が今考えていることです.httpはパフォーマンスを呼び出します。もしかしたら、それだけで4秒かかりますが、それについてはあまりできません。

+0

ビューのページには複数のコンポーネントがあり、各コンポーネントのデータは別々に埋められています。私は考えていた、jsコード自体を最適化するためのツールはありますか?助けてくれる? – d123546

+0

複数のコンポーネントに問題はありません。キャッシュサービス内のキャッシュオブジェクトはすべてのデータを格納し、キャッシュサービスは$ httpを呼び出すため、問題はありません。または私は何かを逃している?あなたが提供したコードはOKです。 –

+0

あなたはたくさんのリピートを持っていると言います...アイテムのハントを話すときには、ある種のページネーションを使って少し速くすることができます。また、トラッキー...トリックは素敵ですが、一度のバインディング...それは難しいです –