Databases
StackOverflow2013
Postsdbo
POhow to speed up phonegap jquery mobile page changes
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POhow to speed up phonegap jquery mobile page changes
    primarykey
    data
    text
    <p>I'm currently working with a developer in the early stages of a relatively straightforward data capture iPad app using Phone Gap. From a UI functionally, the app is essentially:-</p> <ul> <li>5 data capture "pages"</li> <li>Navigator bar across the top with 5 selectors referring to each of the pages</li> <li>When you load the app, you're on page 1 and a swipe to the left introduces a normal slide animation and moves you to page 2, etc etc</li> <li>When you click on one of the selectors, it introduces the slide animation and moves you to that page</li> <li>The pages have simple data entry fields and images and sliders etc - for the purpose of this test, we have even removed all of these and just put a single placeholder field on each page.</li> </ul> <p>The key issue we are struggling to get over at the moment is that whenever you move to another page (by swiping or selecting on the navigator), there is a 1-2 sec delay before the transition kicks in and new page comes. This 1-2 sec delay is present even if we remove images from the pages. We want to get this delay down to &lt;0.5 sec and/or for it to "feel" more like a native app, in terms of moving around the pages.</p> <p>From a technical level, this is what the application consists of:-</p> <ul> <li>JQM 1.2.0</li> <li>Various jQuery versions upto 1.8.2</li> <li>Web 2.0 (HTML5, CSS3, jScript)</li> <li>WebKit</li> <li>Currently using single file with multi-pages (however have tried multiple pages and it makes no difference)</li> <li>Hardware Accelerated, WebKit Tweaks, Simultaneous Transitions</li> <li>Numerous JQM &amp; jQuery plugins</li> </ul> <p>We are new to PhoneGap and iOS app development. We're continuing to research ways to try and get over this speed delay and would like to know:-</p> <ol> <li>Has anyone developed an app like this and managed to get the page switching / swiping to happen smoothly and near-natively? (and most definitely less than 1 sec delay)</li> <li>Are there any reliable tips / avenues to explore in order to significantly improve the page switching speed?</li> <li>Does anyone feel strongly that what we're seeing is probably the best you can get when developing with PhoneGap and if so, is there an alternative which also uses mainly web technologies, doesn't require Xcode knowledge, and is more visually performant than this?</li> </ol> <p>I would be grateful for any tips and insight anyone can provide on this because if there is no way forward on fixing this delay and sluggishness, we may need to abandon Phone Gap and look at a native solution which will not be a straightforward option in our situation. Many many thanks in advance for your support on my first ever post to stack overflow!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USuser1791809
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POhow to speed up phonegap jquery mobile page changes
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POhow to speed up phonegap jquery mobile page changes
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POhow to speed up phonegap jquery mobile page changes
      1. This table or related slice is empty.
      1. VTUpMod
    1. COYou should state what version of an iPad you're testing with. They have wildly different specs. Also you should post the code that you are trying to optimize so we know where you're at.
      singulars
      1. POhow to speed up phonegap jquery mobile page changes
      1. USJasper
    2. COalso trying to pin down without code: does this happen without using phonegap aswell? if so, have you checked on Firebug what the delay could be originating from = ajax fires late? ajax fires ok, but betweeen ajax success and transition, the system stalls, ...
      singulars
      1. POhow to speed up phonegap jquery mobile page changes
      1. USfrequent
    3. COGood point - we're testing on iPad2 running iOS6. Unsure if this works without using phonegap as well since this is our first attempt to build an app for the iPad - we've not tried any other framework yet.
      singulars
      1. POhow to speed up phonegap jquery mobile page changes
      1. USuser1791809
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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