search

jquery-archive / jquery-mobile

jQuery Mobile Framework
https://jquerymobile.com
Other
9.68k stars 2.4k forks source link

Slow transition in pages and panels in jQuery Mobile 1.4 and Android #6934

Closed RdlP closed 8 years ago

RdlP commented 10 years ago

Hello,

I was trying yesterday to develop a app with jQuery Mobile and Apache Cordova (3.3) to Android (2.2 and 4.0). The app is very simple, a main page with push panel and link to other page.

When I probed it, I noted that transitions were very slow. so how can i fix that?

Thanks

jaspermdegroot commented 10 years ago

@RdlP

Thanks for reporting the issue. Can you please provide a test page. See the Contributing Guidelines. What Android 4.0 device did you test on? Do you have hardware acceleration enabled or disabled for your app? I am closing this ticket as incomplete for now. We re-open when a test page has been provided. Thanks.

RdlP commented 10 years ago

Hello,

first of all, jsbin doesn't work (or I don't know how to use) so I have used fedora paste bin.)

1 - Issue description: Transition are very slow in Android with Apache Cordova 3.3
2 - Test page: http://fpaste.org/68255/
3 - Steps to reproduce: In the webpage above, in header, there is a button, if you click it, a transition will be fire
4 - Expected outcome: Smooth transition
5 - Actual outcome: Lag transition
6 - Platforms/browsers (including version) and devices tested: Android 2.3 (Samsung Galaxy ACE) and Android 4.0.4 (Samsung Galaxy Trend)
7 - jQuery Mobile and jQuery core version used: jQuery 1.10.2 and jQuery Mobile 1.4
8 - Other relevant information: Apache Cordova 3.3

P.D I don't know that I have to enable hardware accelerator so I don't touch any option of Apache Cordova for that

jaspermdegroot commented 10 years ago

I just noticed we looked into this before: https://github.com/jquery/jquery-mobile/issues/5636

arschmitz commented 10 years ago

@ldeluca want to take a look at this one?

ldeluca commented 10 years ago

@RdlP The paste for the sample code is no longer valid since it has taken us so long to look into your issue. But I'm ready to help out! Mind putting the test page back up or emailing it to me?

Ruffio commented 10 years ago

@Lisa, you can use those on demo, you are not in doubt: http://demos.jquerymobile.com/1.4.4/transitions/

Smooth they are definately not :-(

ldeluca commented 10 years ago

@Ruffio I tested using BrowserStack for a Nexus 4 and it definitely is on the slow side: https://www.youtube.com/watch?v=vDOhleEgXJ8 See the video. However, that's an emulator so I would've been shocked if it were fast. Running in the chrome browser app on my Samsung S4 it is fine as far as speed. I will create an Apache Cordova app to see if it has something to do with the Cordova webview. Have you tried loading from a mobile browser directly to see if the speed is okay?

Ruffio commented 10 years ago

I have only tried Nexus 5 and LG G3 with Chrome browser. It isn't smooth at all. On Nexus it is very jumpy. I havnt tried the fix jet.

Ruffio commented 10 years ago

I don't know what I was thinking. There is no fix to test :-(

@ldeluca after reviewing your video, the ruling on the field stands... The transition is indeed very slow but did you notice the flickering? Here is a timetable: ... sec. 14: the button 'Take me back' is pressed sec. 18: the new page is shown the first time, notice that the 'non-fixed' footer is shown a footer hight above the bottom sec. 18 -> 20: fade to white/blank page sec. 20: the new page is shown again, but this time the footer is correct

I think the problem is that the new page is somehow shown twice thus making the transition very slow and non-fluent. The 'first' appearance of the new page shouldn't be there...

apsdehal commented 8 years ago

This is a very old issue and I justed tested in Cordova and performance is satisfactory.