css sprites showing jerky animations on chrome of android os , working fine on other browsers and OS
Reported by
abhishek...@isol.co.in,
May 24 2017
|
|||||||||
Issue descriptionSteps to reproduce the problem: 1. open the url http://www.enjoylifeland.com/enjoyTest/Home 2. you can see the animations are getting stuck and are slow while scrolling down on android devices 3. What is the expected behavior? animations should work smoothly . the page has around 6 animations rendering together. On other browsers like mozilla firefox, the page loads fine and animations run smoothly What went wrong? we are using the background position with the step() function, it works perfectly in all the other browsers except Chrome (latest version), then we tried to implement these animations using the traslate3d() but it is also showing the same effect in chrome browser only, all the other browsers like firefox, IE and Safari for iOS are working very well and showing smooth animations. Did this work before? No Chrome version: 58.0.3029.110 Channel: stable OS Version: 7 Flash Version:
,
May 24 2017
,
May 24 2017
,
May 25 2017
Is there a solution to it?
,
May 25 2017
I notice there's a 2.9MB sprite sheet with dimensions 22155x1462 being animated on the page. http://www.enjoylifeland.com/enjoyTest/assets/img/img_new/newSprite_client/main_tree_sprite-min.png From a web developer stand point it's probably better to use a transition animation for such a simple animation than such a resource heavy image file. With that being said there's certainly work to be done by the Chrome team to investigate performance issues on our end here. Looking at about:tracing we seem to be spending most of our time in SGI_video_sync on the GPU process. Passing to Rasterization team for further triage.
,
May 25 2017
,
May 30 2017
,
Jun 30 2017
Referring back to comment #5. This needs to be triaged by Rasterization and not Animation. So taking off Animation so that they can take a look first. We have a policy of one component per bug. Just for added context there is a bug that might affect this issue here: https://bugs.chromium.org/p/chromium/issues/detail?id=361587
,
Jul 3 2017
i install lastest version of chromium today in Win10 PC and in Android4.1 i use jquery standard animations but the page is too crazy animations is very bad wether in PC or Mobile you can visit it : http://p1taxi.co.nf/ in PC its sometimes crazy, sometimes nice but in mobile it is always bad good luck
,
Jul 3
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue. Sorry for the inconvenience if the bug really should have been left as Available. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jul 20
Archiving this there hasn't been activity in a while. If issue still exist, please file a new bug. Thanks. |
|||||||||
►
Sign in to add a comment |
|||||||||
Comment 1 by rsgav...@chromium.org
, May 24 2017Components: Blink>CSS
Labels: -Arch-x86_64
Status: Available (was: Unconfirmed)