If you are using Angular ~1.3, you can improve in following part to enhance the performance.
AngularJS 1.3 has a new feature called ngModelOptions to help users control how ngModel works on the input element. One useful feature is value debouncing
.
ng-model-options="{ debounce : { 'default' : 500 } }
In above code, the model will updated if the user has not typed in anymore characters for 500 milliseconds.
ng-model-options="{ debounce : { blur : 0 } }"
With above configuration, the model value and validations are applied immediately after when the user blurs out of the field
Use one-way binding
As official documents say:
One-time expressions will stop recalculating once they are stable,
which happens after the first digest
We can apply the one-time expression by starting expressions with ::
, like changing <p>Hello {{name}}!</p>
to <p>Hello {{::name}}!</p>
Reduce blocking/time consuming expression
This is a generic rule for all Angular versions. Normally you'll not encounter performance issues until the amount of watchers is larger 2000. But if perf sitll sucks even the watchers are not that much, you may want to take a look at the expressions. As these expression will be evaluated each time digest loop
executes, any time consuming expression will slow the page rendering.