title: optimal view structure with Ember.js for a mobile application
body: <p>Lately I have been building a mobile phone application using Sproutcore20 and now Ember.JS.
  This works great on my iPhone (3GS) though it stutters on many android devices.</p>
  
  <p>The simplest thing, like switching from main menu item, and thus loading in a different view feels all but native.</p>
  
  <p>Currently it makes use of template views which are appended and removed in a statechart. Each main menu item has a main state in which the corresponding views are appended (and removed on exit). </p>
  
  <p>This method seems optimal to me but it does not function optimal, so I am wondering if an alternative approach like appending all views on load (deferred) and visibility toggling would improve performance (1)? It would make the DOM larger and thus operations on the DOM slower. </p>
  
  <p>What is an optimal Ember.js code structure for building a mobile application, and what  considerations need to be taken into account when building for mobile devices(2)?</p>