search

jquery-archive / jquery-mobile

jQuery Mobile Framework
https://jquerymobile.com
Other
9.7k stars 2.41k forks source link

All Visual Effect Slow/Chuggy Android Nexus 7 (Jellybean) #5072

Closed mylesg77 closed 11 years ago

mylesg77 commented 11 years ago

New to jquerymobile. Building my first mobile site. With 1.1 everything is pretty smooth on both my nexus 7,iphone and ipad3.

With 1.2 the effect for popup and transitions(fade,slide,etc) seem to be very sluggish and slow. At this point I would not use 1.2 because of the poor performance on android (or just nexus 7 which is a very popular device).

Secondly, i know this has been an issue for years.. but I absolutely "hate" that it scroll to the top before it slides to the next page..

Thanks guys.. I know you work hard so all devices work, but the high end devices need to show high end results.

toddparker commented 11 years ago

There is no difference between transitions in 1.1 and 1.2 so I'm not sure why there would be a difference there. Can you post two different demos that illustrate the version difference?

It's funny when people report that transitions look great on device x, y, and z but not a. We use standard CSS key frame animations so if there a difference, it's with the device itself. We can't make a device have better transitions. They either work well or they cut corners.

mylesg77 commented 11 years ago

Thanks for your comment.. I've been using these pages in my tests:

http://jquerymobile.com/demos/1.1.1/docs/pages/page-transitions.html -very smooth transitions/ popup effect

http://jquerymobile.com/demos/1.2.0-rc.2/docs/pages/page-transitions.html -chunky jerky transitions

I have cleared my cache etc on my device and assure you Todd I'm not being a jerk here. I am using Nexus 7 with latest updates (jellybean). I suggest that someone else with this device try the two different urls listed above and compare. I guess not many people here have the nexus 7.

toddparker commented 11 years ago

Sorry, didn't mean to be mean there, we just get a lot of complaints about transitions that are the result or bad devices or OS performance - see the new Kindle Fire. We have a Nexus 7 and a Galaxy Nexus running JB in the lab so I'll test tomorrow.

toddparker commented 11 years ago

@mylesg77 - Good catch, this was a pretty big performance regression but apparently it only cropped up on larger Android tablets. Here is the commit that seems to have broken things: https://github.com/jquery/jquery-mobile/commit/fbbcf9e16ed2978547f1460c66f533157714371d

We'll revert and look at other solutions.

mylesg77 commented 11 years ago

Thanks! Glad I could help..

I really want to use some of those new in app dialog popups in my new phonegap app (look awesome)

Keep up the good work!

Sent from my iPhone

On 2012-09-24, at 10:49 AM, "Todd Parker" notifications@github.com wrote:

@mylesg77 - Good catch, this was a pretty big performance regression but apparently it only cropped up on larger Android tablets. Here is the commit that seems to have broken things: jquery/jquery-mobile@fbbcf9e

We'll revert and look at other solutions.

— Reply to this email directly or view it on GitHub.

toddparker commented 11 years ago

Ok, reverted this. I hope this revert doesn't make PG blinky because that was the reason for adding this CSS. It's tricky to find a sweet spot.

jaspermdegroot commented 11 years ago

Hopefully this solution is a good alternative: https://github.com/jquery/jquery-mobile/issues/4024#issuecomment-7176162

sgraf812 commented 11 years ago

Don't want to necro or something, but this issue reoccurs for me in 1.3.0-beta.1 on my Nexus 7 (and on my LG E900, but that's completely different story). I can reproduce the behavior for every page mentioned. Seems like animation-fill-mode whacks my tablet performance.

mylesg77 commented 11 years ago

Confirmed 1.3 beta is super slow for transitions and effects on nexus 7. I did notice the new panels feature works smooth

Sent from my iPhone

On 2013-02-02, at 5:24 PM, "Sebastian Graf" notifications@github.com wrote:

Don't want to necro or something, but this issue reoccurs for me in 1.3.0-beta.1 on my Nexus 7 (and on my LG E900, but that's completely different story). I can reproduce the behavior for every page mentioned. Seems like animation-fill-mode whacks my tablet performance.

— Reply to this email directly or view it on GitHub.

andleer commented 11 years ago

I no longer have access to a Nexus 7 but yes, the transitions on the 1.3 beta docs & demos were choppy and slow. The same pages on the 1.2 docs were fine. Nexus was running 4.2? Whatever the latest and greatest. Chrome. Don't remember what happened with other browsers.

mylesg77 commented 11 years ago

Hi this issue is happening again in 1.3 final.. its really slow and chuggy on nexus 7 android tablet.

On Sun, Sep 23, 2012 at 1:10 PM, Todd Parker notifications@github.comwrote:

Sorry, didn't mean to be mean there, we just get a lot of complaints about transitions that are the result or bad devices or OS performance - see the new Kindle Fire. We have a Nexus 7 and a Galaxy Nexus running JB in the lab so I'll test tomorrow.

— Reply to this email directly or view it on GitHubhttps://github.com/jquery/jquery-mobile/issues/5072#issuecomment-8800988.