Ionic Apps - Improve Performance

10:46 AM Cordova , Hybrid mobile app development , Ionic , Phonegap 0 Comments

Ten points to remember while developing Ionic mobile apps:

1. Performance is king 
2. Use ng-if instead of ng-show. see difference
3. Use one-time binding '::' as much as possible even in directive parameters.

eg: A value passed through to a directive. my-directive::parameter1   

4. Use ionic's collection-repeat as much as possible otherwise use one-time binding in ng-repeat.

eg: ng-repeat="item in ::items"

5. Don't use more filters in view. Instead of that use "$filter" in code
1. "If you want your function to be called like a normal function, use factory. If you want your function to be instantiated with the new operator, use service. If you don't know the difference, use factory."
   Service recipe works better for objects of custom type while Factory can produce JavaScript primitives and functions. Ex:
   http://stackoverflow.com/questions/11324202/creating-common-controller-functions
6. Some awesome tips http://julienrenaux.fr/2014/05/09/ionic-framework-features-you-may-have-missed/
7. Reduce DOM as much as possible. It took too much CPU load.
8. Some more cool tips http://www.sitepoint.com/5-ionic-app-development-tips-tricks/
9. Use Crosswalk.
10. Avoid JQuery and its plugins.