2015-08-28 2 views
1

Хорошо, да, этот вопрос немного открыт, но я серьезно хотел бы помочь. Каким образом я могу оптимизировать свое угловое приложение? Я использую ng-bind вместо двойных завитушек, никаких служб в моих контроллерах, уменьшая количество объектов в $scope, а что еще там? Есть ли что-то очевидное и большое, что мне не хватает? Заранее спасибо за нашу помощь.Лучший способ сделать оптимизацию углов

ответ

3

1. Объем $. $ Применить() по сравнению с $ рамки. $ Дайджест()

Вместо использования $scope.$apply, использовать $scope.$digest, который работает точно такая же $digest петли в качестве $scope.$apply. Тем не менее, он выполняется из текущей $ scope вниз через своих дочерних элементов, что является гораздо более дружественным к производительности циклу.

2. Избегайте использования нг-повтора, где это возможно

директива ng-repeat, вероятно, самый худший для проблем производительности, что означает, что может быть легко злоупотреблять. ng-repeat создает множество привязок $scope, которые создают больше наблюдателей и имеют выкапывание на этапе $digest.

3. Делайте больше ваши манипуляции DOM в директивах

Что-то, что увеличит ваш $$watcher счетчика использует много показать/скрыть логику с ng-show и ng-hide. Если вы выполняете это в директивах, не связывая логику с $scope, вы увеличите производительность и будете иметь меньше наблюдателей.

4. Будьте осторожны при использовании DOM фильтры

Угловые пробегов каждый фильтр дважды в $digest цикле один раз что-то изменилось. Первый запуск выполняется с $$watchers, обнаруживая все сделанные изменения, второй запуск - это увидеть, есть ли дальнейшие изменения, которые нуждаются в обновленных значениях.

Угловой способ обеспечивает предварительную обработку фильтров с использованием $filter, который будет обрабатывать данные в Javascript, прежде чем передавать его в DOM.

Это всего лишь несколько вещей, но вы можете получить представление о том, как принимать меры для повышения производительности.

Престижность https://www.binpress.com/tutorial/speeding-up-angular-js-with-simple-optimizations/135

Вы можете просто Google, и вы, вероятно, придумать миллион статей объясняя это.

+0

Можете ли вы также опубликовать исходный адрес для этого? Я считаю, что я видел тот же список где-то ... – JCS

+0

@JCS Забыл, теперь он там :) – Chrillewoodz

+0

Вот и все! Спасибо :) – JCS

Смежные вопросы