Particles.js: Lags on Firefox
Hello!
in chrome it works well, but ofcourse it lags in FireFox, very slow, and lags.
errogaht
All 7 comments
Hi!
Yes, unfortunately... I actually noticed for Firefox. I'll try to improve performance for the future releases ;)
VincentGarreau
on 18 Nov 2014
Too bad, it crashed my session on Firefox.
luglio7
on 29 Dec 2014
Hi @VincentGarreau I'm willing to fix this issue if you can mentor me through this bug. Any idea why its lagging on Firefox or what sections of the code I should look into that might be causing these performance issues?
watadarkstar
on 17 Jan 2015
@VincentGarreau you could start here ;)
ignaty
on 2 Feb 2015
@VincentGarreau if 'distanceParticles' is commented out, then the lag goes away
lorenmh
on 14 Mar 2015
This might not be solvable because Firefox has some serious issues with lineTo. It's 21x slower than chrome: http://jsperf.com/draw-lines
I tried making a minimal proof of concept drawing 300 lines (no animation, no alpha transparency) and the performance degrades quickly with canvas size, it's completely unusable on rMBP. Mozilla also seem to be aware lineTo is slow: https://bugzilla.mozilla.org/show_bug.cgi?id=1001954
My small demo page drawing 300 lines: http://jsfiddle.net/4ry8pdpb/1/, in my actual project it's closer to 600 lines that's rendered effortlessly by chrome.
kitsunde
on 20 Mar 2015
Thanks for your detailed explanation @Celc! I noticed that Firefox has serious issues with lineTo, and your explanation enlightened me. I hope it will be fixed soon...
VincentGarreau
on 20 Mar 2015
Related issues
emilwibe
路
4Comments
Necmttn
路
6Comments
ghost
路
8Comments
akashnimare
路
7Comments
cosmokrust
路
5Comments
Most helpful comment
This might not be solvable because Firefox has some serious issues with lineTo. It's 21x slower than chrome: http://jsperf.com/draw-lines
I tried making a minimal proof of concept drawing 300 lines (no animation, no alpha transparency) and the performance degrades quickly with canvas size, it's completely unusable on rMBP. Mozilla also seem to be aware lineTo is slow: https://bugzilla.mozilla.org/show_bug.cgi?id=1001954
My small demo page drawing 300 lines: http://jsfiddle.net/4ry8pdpb/1/, in my actual project it's closer to 600 lines that's rendered effortlessly by chrome.