2016-10-03 4 views
0

У меня есть одностраничное приложение, созданное с помощью Углового и UI-маршрутизатора. При щелчке мыши я заметил, что сайт стал медленнее, и, поскольку я установил аддон Firefox «Данные вкладки», чтобы контролировать память каждой вкладки, я заметил значительное увеличение объема использования памяти (начиная с 20 МБ и переходя свыше 200, все еще в пределах того же СПА).Угловой SPA использует много памяти в браузере

Я понятия не имею, что с ним связано, и не знаю, с чего начать искать. Может ли это быть излишним из других библиотек колокольчиков? (У меня около 15 атм) Или это может быть что-то внутри самого Углового, как и директивы?

Кроме того, есть ли лучший способ отладки памяти при использовании Firefox и Firebug (на окнах)?

+0

Пожалуйста, покажите нам JS контроллер и HTML-код страницы с большим количеством использования памяти – manzapanza

ответ

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!'; 
    }]); 
    

Вот когда Минимизировать то $ сферы будет получить преобразована к и $ HTTP будут преобразованы на b. это просто пример высокого уровня

Для лучшего знания минификации вы можете обратиться

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