Hi all,
I'm building a Phone gap application running on iPad 3 using Kendo Mobile.
I currently have around 8 views on 1 html. 2 of the views have Kendo DataViz.
Transition across views are set to use slide.
Kendo Mobile controls are defined using data-* markups (instead of programmatically from javascript).
Helper classes, etc. are defined as javascript classes using closures.
There are minimal logic in javascript other than calling webservices with jquery and updating the UI with jquery selector (not MVVM).
As you see above, the app is very simple & small in nature. Yet, I'm having performance issues:
I'm building a Phone gap application running on iPad 3 using Kendo Mobile.
I currently have around 8 views on 1 html. 2 of the views have Kendo DataViz.
Transition across views are set to use slide.
Kendo Mobile controls are defined using data-* markups (instead of programmatically from javascript).
Helper classes, etc. are defined as javascript classes using closures.
There are minimal logic in javascript other than calling webservices with jquery and updating the UI with jquery selector (not MVVM).
As you see above, the app is very simple & small in nature. Yet, I'm having performance issues:
- activating Kendo Mobile button requires longer tap. quick tap will trigger button "on down" animation however do not trigger the view redirection (redirection is done using href, not application.navigate)
- sliding between view is notably sluggish. for 30-50ms I can see the background of the view rendering on the background. so for that moment, there's a white vertical stripe panning across left to right
Do you see any obvious flaw in the approach above that may cause performance issues?
- does splitting views across html help performance?
- should I be relying on other view transitions that inherintly lighter?
- should I define the Kendo controls programmatically rather using data-*? is there a penalty for having to rely on Kendo scanning the whole dom for data-* attributes?
- is there specific best practices for managing memory in javascript in relation to Kendo?
Thanks