Angular SPAはブラウザで多くのメモリを使用しています

Question

私はAngularとUI-routerで構築された単一のページアプリケーションを持っています。周囲をクリックすると、サイトが遅くなり、Firefoxのアドオン「タブデータ」をインストールして各タブのメモリを監視したので、メモリ使用量が大幅に増加していることがわかりました（20MBから開始し、200スパ）。

私は何がそれをクイズしているのか分かりません。どこから見始めるべきか分かりません。それは他のバワーの図書館の過度使用ですか？ （私は約15気圧を持っています）あるいは、それは指示のように角度そのものの中にあることができますか？

また、FirefoxとFirebug（Windows上）を使用してメモリの問題をデバッグする方法がありますか？

Answer 1

Angular jsを使用してコードを開発する場合、多数の外部ライブラリを使用することになります。

1. これらのライブラリをソースコードに追加すると、それらのライブラリの ミニバージョンが追加されます。
2. また、gruntやgulpを使用して、フロントエンドコード全体を1つのjavascriptファイルに縮小して、Webサイトの読み込み時間を短縮し、javascriptファイルの累積サイズを減らすこともできます。あなたはその後、縮小化するとき$スコープはに変換されますと、$ HTTPが変換されますここでは、適切な構文ラインでダウン書かれるべきで、その後

   var app = angular.module('bigApp', []); 
   
   app.controller('mainController', ['$scope','$http', 
   function($scope,$http) { 
   
       $scope.message = 'HOORAY!'; 
   }]); 
   

の縮小のためのあなたの角度のコードを開発

〜にb。これは、より多くのメモリ使用量を私たちにページのコントローラJSとHTMLコードを表示してくださいあなたは

https://scotch.io/tutorials/declaring-angularjs-modules-for-minification