I have an application written using PhoneGap 1.0 and jQuery Mobile 1.0b2 running on iPhone and iPad.
Ever since I started using the framework, I have been plagued by per
This snippet has really helped the performance of my PhoneGap/Jquery Mobile native app for iOS. I had the same issues also for a mobile site I was building last year and remember using 1/2 second fades with jQuery in order to tone it down, but this solution is a godsend:
* {
-webkit-transform: translateZ(0);
}
Originally from Drew Dahlman's blog: http://www.drewdahlman.com/meusLabs/?p=135
This code makes total sense if you think about it. Puts all elements on the same plane.
Also, I've recently seen on this blog about a similar hack: http://jessefreeman.com/articles/room112-phonegap-exploration/
* {
-webkit-transform: translate3d(0,0,0);
}
I haven't tested this yet, but thought I'd add it if it ends up helping someone.