Note that there are some explanatory texts on larger screens.

plurals
  1. POPhoneGap 1.4 wrapping Sencha Touch 2.X - What about performance?
    text
    copied!<p>I'm building a multiplatform tablet app wrapping it with Phonegap 1.4 using just its webview, then I work my magic with the Sencha Touch 2 framework. By multiplatform I mean iOS 5.X+ and Android 3.0+ (for now). </p> <p>This app is working great so far, all its features work on both systems but... On the Android tablet (Samsung GalaxyTab) its really slow. What's happening? Can I do something about it, or its just android's limit?</p> <p>Thanks</p> <p>Ricardo Perre: <a href="http://edgecodetechology.blogspot.pt/" rel="nofollow noreferrer">http://edgecodetechology.blogspot.pt/</a></p> <hr> <p>****EDIT**** (I'm trying to make this post somewhat useful to sencha community)</p> <blockquote> <p>Sencha Touch, like many other Javascript Frameworks are not the best example of performance due to javascript itself. </p> <p>Then Why use <strong>Sencha Touch</strong>? </p> <ul> <li>In my case: <strong><em>Multiplatform</em></strong> (iOS, Android, Windows Phone, Blackberry, Windows, Mac OSX, Linux. Sharing 80-90% of the code)</li> </ul> </blockquote> <h2><code>Mitigating performance issues due to lack of visual pre-process in Android systems:</code></h2> <ol> <li><p><strong>CSS3 heavy visual process:</strong></p> <ul> <li>Avoid Gradients</li> <li>Avoid Shadows</li> <li>Avoid Transformations and animations</li> </ul></li> <li><p><strong>Good MVC practices:</strong></p> <ul> <li>Don't use more views and you actually showing</li> <li>Pre-render / Pre-datafetch when possible to avoid render and data process simultaneously</li> </ul></li> <li><p>For any scrollviews, overscroll should be disabled on Android. I've tested many Sencha Touch 2 applications on Android devices and overscroll causes badly unpleasant experience because of delays and lags. (tested on Galaxy Tab, Nexus S, and some HTCs) by Thiem Nguyen (I've been mining your posts, sorry dude :P) </p></li> </ol>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload