Debugging CSS Animation Performance in Firefox

We recently encountered a Firefox-specific performance issue when creating CSS-based animations (dropped frames) in Chrome, we can easily debug the Timeline tab, but is there a similar tool that works for Firefox? Preferred for both Firefox desktops and mobile devices, as the problem is most serious on our Android device.

enter image description here

+4
source share
1 answer

Like Firefox 34, FirefoxDevTools has :

JavaScript. "" (, "" ).

, , (, JIT, GC, , , , ). " Gecko" , JavaScript, , .

firefoxdevtools profiler screenshot

, CSS, . , , , JavaScript . .

devtools, .

, , Chrome, , , , , . , - Firefox Nightly (firefox 35):

firefoxdevtools alpha timeline panel

+3

All Articles