App running slow

[adam griffin]

I notice when I am testing my app on the computer, it navigates through the pages at a fair rate. When I install the apk on to my device it takes maybe 1-3 secs to navigate to pages. I am using a Samsung Galaxy Note 4 and Galaxy S4 with both 4.4.4. I have vclicks on my buttons and the app is render in one html. Is there anyway to make the clicks register faster and navigation between pages faster?

[Evgene Karachevtsev]

Hello Adam,

You should optimize your pages.
All js code that works on the pages events show and load and changes style should be implemented as styles and added to CSS.

[adam griffin]

It's not the page loading that's my problem . Its more like when I click a button it takes a long time for the event to fire. How can I fix this?

[Evgene Karachevtsev]

Adam,

You can measure time and output it in the console, to be sure that this is a click event.

[adam griffin]

How should I go about testing this?

[Yurii Orishchuk]

Hi Adam,

You can use following code to be sure that event fired immediately after you clicked on button.

pre

alert("button clicked");

/pre

Please add this code on some button "click" event handler.

Regards.

[adam griffin]

If I test my app on the mobile preview in the browser. It runs at a decent speed but if I download the apk on to my phone. Its has a lag of 1-3 secs sometimes even longer. I have shared my app with support. Can someone take a look at it?

[Yurii Orishchuk]

Hi Adam,

Please give us your app name here and describe steps to reproduce this problem in your app on phone.

Regards.

[adam griffin]

The app name is EB. You will need to login. Username: a href="mailto:ajpsp5@yahoo.com" rel="nofollow"ajpsp5@yahoo.com/a, Pass: 1234. After login just navigate from page to page using the navbar at the bottom and you be able to see the annoying lag.

[Evgene Karachevtsev]

Hello Adam,

Unfortunately you are completely making wrong page inter actions and actions invoking in your app
1) You should never invoke/launch any actions after 'NavigateTo: page' is already invoked
http://gyazo.com/b36bbfd41277d6cf9444... - example from your app
2) You should never invoke/launch any actions after 'Service' is already invoked, especially when your service depends on variables or storages you are setting on
http://gyazo.com/625aa11959a9bf10bf8b...
3) You load all images straight from DataBase instead of storing it in your app
4) Images for your app are almost extremely big, all of them are more then 1 MB
5) Blur effect should be done by css instead of images
6) You should merge all your css as much as possible
7) You can't invoke service after calling navigateto - different page
http://gyazo.com/b36bbfd41277d6cf9444...
8) Please merge all your javascript invokes in one invoke for one event for one component
http://gyazo.com/c1716c76af1e7a57ac04...
9) You have double service invoking in your app logic
http://gyazo.com/df3d648662a0be112438...
a) first invoke in javascript
b) second in success event chain

You can improve performance of app by merging your all css files in one for prod app