Re:Effeckt.css
by agildehaus on Thursday July 18, 2013 @01:32AM
(#6061941)
Feels snappy to me on Firefox/Win32. Tremendously sluggish on Chrome on my Nexus4 though.
Also feels snappy to me on Firefox/Xubuntu
Re:Effeckt.css
by kbrackbill on Thursday July 18, 2013 @01:37AM
(#6061951)
Hmm, maybe it's just a problem with my setup then.
Yes, some animations are sluggish for me in Firefox as well. (Mozilla/5.0 (X11; Linux x86_64; rv:22.0) Gecko/20100101 Firefox/22.0).
I'm using current Nvidia closed driver with a mobile chipset.
You could try pulling up our profiler (Shift+F5).
I didn't experience any jankiness and wasn't able to find anything by profiling either.
Re:Effeckt.css
by kbrackbill on Thursday July 18, 2013 @02:48AM
(#6062172)
I couldn't find anything in the profiler either. I did narrow it down a bit though. Most of what I was experiencing was sluggishness in scrolling around the page, not in the animations themselves. I realized that in particular, scolling around the top of the page where all the buttons for the modals are. If I hide all of the buttons, the page works great. So somehow something really bad is happening trying to render a bunch of buttons (I made a test page with a few hundred buttons on it and it hung for a few minutes when I tried to scroll). That sounds pretty crazy, so I'm going to assume this is something funky with my configuration and not with Firefox.
Once I got past that, I'm really impressed with how well these animations perform.
(By the way, I haven't used the Firefox dev tools in a while, and they've come a long way! I'll switch back from chrome soon if they keep improving at this rate)
This has been generally true in my experience playing with CSS animations. Are there any tricks to optimize stuff like this in Firefox, or is it just an area where Chromium is still way far ahead in performance?