Search jQuery

jQuery Forum

[ask] how to make jquerymobile + phonegap application performance faster?

in jQuery Mobile • 8 years ago

Hi all,

I am trying to build an application using jquerymobile and phonegap for android 2.2 and higher.
the application is using jsonp to get data over internet and jquery plugin: scrollview and toast.
but when i tested the application, it was so slow,
the cpu usage and memory consumption was very high.
the application could be slower when user scroll the listview and the scroll was not smooth.
why it can be so slow?

Is there any alternative for faster scroll and to make scroll smooth?
Is the application slow because of memory leak in jquery mobile or javascript? how to detect it?
the application using images (about 100 files) for background, user interface, and icon.
Is the application slow because of images for css style, background, and icon? how to solve it?
Is there any solution to make it faster?

Please help me.
Thanks

Benedict

Replies(5)

clubdesig..

Re: [ask] how to make jquerymobile + phonegap application performance faster?

8 years ago

Do you have an example page?

100 images are pretty much, i think. Normally JQM runs pretty smooth with some tricks, except the normal "Button click" leak in mobile browsers. It depends on how you load the page into the DOM. If you are fully loading the whole page in advance with 100+ images, then you can`t expect it to be fast.

For smoother listviews:

The link tags are responsible for the stucking, so try to remove all the a tags from your list and see if its scrolling smoother. If it does, just add a "click tap" event handling to the list items in cooperation with $.mobile.changePage to get your list items linked again. Just leave out the a tags. That works for me.

Peace

benedict

Re: Re: [ask] how to make jquerymobile + phonegap application performance faster?

8 years ago

Thanks for your reply.
i load the page using $("#content").load('pageName.html');
so i can using the same header and footer.

does the normal "button click" that leak in mobile browsers refer to $("#foo").click(function(){...});?

there is no anchor in listview.
Here is an example page when i load the listview into the page.

str = "";
ctr = 0;
$.each(result, function(idx, record){
ctr++;
str += "<li data-id='" + record.itemID + "'><h3 class='itemName'>" + record.itemName + "</h3><div class='itemDescription'>" + record.itemDescription + "</div></li>";
});
if (ctr == 0) $("#myList").append("<li class='no-data'>Sorry, no result</li>");
else $("#myList").append(str);
$("#myList").listview();
$("#myList").listview('refresh');

clubdesig..

Re: [ask] how to make jquerymobile + phonegap application performance faster?

8 years ago

Seems to be quite legit, do you have an example page where we can look at?

benedict

Re: Re: [ask] how to make jquerymobile + phonegap application performance faster?

8 years ago

i use div for the page as described in http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-pages.html.
in css file, i added styles for background images (background: image1, image2, etc).

richardkh..

Re: [ask] how to make jquerymobile + phonegap application performance faster?

8 years ago

I tried this code from the guys over at google and it made button clicks lightening fast...I must have tried everything else out there for a survey application. This makes responsiveness as quick as native.

https://developers.google.com/mobile/articles/fast_buttons

Top Reply

Response title

Attachments

jQuery Forum

[ask] how to make jquerymobile + phonegap application performance faster?

Replies(5)

Re: [ask] how to make jquerymobile + phonegap application performance faster?

Re: Re: [ask] how to make jquerymobile + phonegap application performance faster?

Re: [ask] how to make jquerymobile + phonegap application performance faster?

Re: Re: [ask] how to make jquerymobile + phonegap application performance faster?

Re: [ask] how to make jquerymobile + phonegap application performance faster?

Statistics

Tags

Actions