title: JQuery Mobile: Performance Issue with $mobile.changePage()
body: <p>I'm using JQuery Mobile 1.1.1 and having performance issues when running the app on an iPad. I have two pages which are loaded via a navbar and both have a large amount of input fields - about 200. Toggling between the pages takes more than 6 seconds. </p>
  
  <p>Using a js profiler on windows I tracked down where most time is spent and found it's in $.mobile.changePage() / enchancePage() / each / _createWidget(). So it seems the JQM widget transformation is taking the most time.</p>
  
  <p>I tried turning on JQM caching and prefetching (see below) but it does not seem to make a difference. Does anyone know why or what else could be done to improve performance?</p>
  
  <p>Thanks! </p>
  
  <pre><code>&lt;script&gt;
      $(document).bind('mobileinit',function(){
          $.mobile.ajaxFormsEnabled = false;
          $.mobile.defaultTransition = 'none';
          $.mobile.ajaxEnabled = false; 
          $.mobile.ajaxLinksEnabled = false; 
          $.mobile.page.prototype.options.domCache = true;
      });
  &lt;/script&gt;
  
      &lt;div data-role="navbar"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="page-1.htm" data-ajax="false" rel="external"&gt;Page 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="page-2.htm" data-ajax="false" rel="external" class="ui-btn-active ui-state-persist"&gt;Page 2&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div
  
  &lt;div id="Page1" data-dom-cache="true"&gt;
  ...
  &lt;div id="Page2" data-dom-cache="true"&gt;
  ...
  </code></pre>