Major performance problems

munrocket · May 18, 2019, 5:21am

Here example of code that works with 60fps on chrome and 12fps on firefox:
https://codepen.io/AlainBarrios/pen/bQwWeE?editors=0010
Why they drastically different?

munrocket · May 18, 2019, 6:19am

Also this type of SVG filters have a bugs on some pc. https://media.discordapp.net/attachments/570566241450852357/579182653517856799/Screenshot_199.png

jdescottes · May 18, 2019, 6:57am

Hi munrocket, thanks for posting.

This discourse is about Firefox DevTools, your issue seems to be about Firefox in general. Maybe file a bug under Core/Canvas: 2D on Bugzilla? https://bugzilla.mozilla.org/enter_bug.cgi?product=Core&component=Canvas:%202D

munrocket · May 18, 2019, 8:07am

Thanks for clarifying. Maybe we see bug.

andreip · May 18, 2019, 4:55pm

sebastianz · May 18, 2019, 5:59pm

Just a note when you file the bug. I tested this in Firefox 66 and Nightly 68. While in Firefox 66 it looks like in your screenshot, in Nightly the filters get rendered like in Chrome.

Filters

Though in Nightly the framerate also dropped drastically, from ~30fps to ~10fps.

Sebastian

julienw · May 20, 2019, 7:50am

I did a quick search on bugzilla, and it looks like Firefox implements the blur SVG filter in software while others do it in hardware. This might be resolved with WebRender (although on my environment WebRender seems to perform worse in this case).