Angular SPA在浏览器中使用了大量内存

时间:2016-10-03 14:24:00

标签: angularjs single-page-application

我有一个使用Angular和UI路由器构建的单页面应用程序。点击时我注意到网站变慢了,因为我安装了Firefox插件" Tab数据"为了监控每个选项卡的内存,我注意到内存使用量大幅增加(从20MB开始,超过200,仍然在同一个SPA中)。

我不知道是什么让它感到困惑,不知道从哪里开始寻找。它可以是其他凉亭图书馆的过度使用吗? (我有大约15个大气压)或者它可以是Angular本身的东西,比如指令吗?

另外,使用Firefox和Firebug(在Windows上)是否有更好的方法来调试内存问题?

1 个答案:

答案 0 :(得分:0)

当您通过Angular js开发代码时,您将使用大量外部库。

  1. 当您将这些库添加到源代码中时,请尝试添加 这些库的缩小版本。
  2. 您还可以使用grunt或gulp将整个前端代码缩小为单个javascript文件,以便网站的加载时间减少,javascript文件的累积大小也会减少。
  3. 当您开发用于缩小的角度代码时,应该用适当的语法行写下

    var app = angular.module('bigApp', []);
    
    app.controller('mainController', ['$scope','$http',
    function($scope,$http) {
    
        $scope.message = 'HOORAY!'; 
    }]);
    
  4. 这里当你缩小时,$ scope将转换为a,$ http将转换为b。这只是一个高级别的例子

    为了获得更好的缩小知识,您可以参考

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