5 ms·

Everything is smooth and looks great in Chromium, but the whole page is sluggish in Firefox (on linux at least, and usually firefox on windows is worse). This

Everything is smooth and looks great in Chromium, but the whole page is sluggish in Firefox (on linux at least, and usually firefox on windows is worse). 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?

agildehaus 13y ago
Feels snappy to me on Firefox/Win32. Tremendously sluggish on Chrome on my Nexus4 though.
- Xephyrous 13y ago
  Also feels snappy to me on Firefox/Xubuntu
  - kbrackbill 13y ago
    Hmm, maybe it's just a problem with my setup then.
mnemonik 13y ago
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.
- kbrackbill 13y ago
  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)
shmerl 13y ago
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.

agildehaus 13y ago

Feels snappy to me on Firefox/Win32. Tremendously sluggish on Chrome on my Nexus4 though.

Xephyrous 13y ago
Also feels snappy to me on Firefox/Xubuntu
- kbrackbill 13y ago
  Hmm, maybe it's just a problem with my setup then.

mnemonik 13y ago

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.

kbrackbill 13y ago
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)

shmerl 13y ago

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.