Boosting Performance of jQuery Mobile with Apache Cordova

If you use jQuery Mobile with Apache Cordova, you may find a little bit slowness in the transitions between pages of your mobile application. Actually, I had this issue with one of my Apache Cordova applications, and after spending sometime investigating the problem, I found that the solution is to disable jQuery mobile transition effects as follows:

$.mobile.defaultPageTransition   = 'none';
$.mobile.defaultDialogTransition = 'none';

Disabling transition effects will dramatically boost your app’s transition performance. I hope that this advice can be helpful to you in order to enjoy developing your cross-mobile apps using the wonderful Apache Cordova library.

Note: This advice targets jQuery mobile 1.4 (and older versions), I wish that this slowness issue will be fixed in the future versions of jQuery mobile.

This entry was posted in Apache Cordova, JavaScript, jQuery Mobile by Hazem Saleh. Bookmark the permalink.

About Hazem Saleh

Hazem Saleh has more than eleven years of experience in Cloud, Mobile and Open Source technologies. He worked as a software engineer, technical leader, application architect, and technical consultant for many clients around the world. He is an Apache PMC (Project Management Committee) member and a person who spent many years of his life writing open source software. Beside being the author of the "JavaScript Unit Testing" book, "JavaScript Mobile Application Development" book, "Pro JSF and HTML5" book and the co-author of the "Definitive guide to Apache MyFaces" book, Hazem is also an author of many technical articles, a developerWorks contributing author and a technical speaker in both local and international conferences such as ApacheCon North America, Geecon, JavaLand, JSFDays, CON-FESS Vienna and JavaOne. Hazem is an XIBMer, he worked in IBM for ten years. Now, He is working for Nickelodeon New York as a Mobile Architect. He is also an OpenGroup Master Certified Specialist.