Closed Bug 1201115 Opened 9 years ago Closed 6 years ago

D3.js SVG examples are painfully slow in Firefox, rendering smoothly in Chrome

Categories

(Core :: SVG, defect)

defect
Not set
normal

Tracking

()

RESOLVED WORKSFORME

People

(Reporter: sole, Unassigned)

References

Details

(Keywords: DevAdvocacy, perf, regression, Whiteboard: [DevRel:P3])

See

http://bl.ocks.org/mbostock/1021841
http://bl.ocks.org/mbostock/1062288

I don't really know why, unless it's the content of the graphs. Some of the other examples linked from this page ( https://github.com/mbostock/d3/wiki/Force-Layout ) are very smooth in Firefox, such as this one: http://bl.ocks.org/mbostock/950642

and those examples don't use filled circle paths!

Using nightly 20150902, mac os X on a macbook pro w/retina display
This is a very recent regression and will be fixed by the patch in bug 1200158.
Depends on: 1200158
Bug 1214365 referenced a similar demo with some jank:
https://www.joernhees.de/dump/associations/visualize_associations.html

Note that bug 1200158 was supposed to fix this but I still experience a bit of a performance gap between Firefox Nightly 44.0a1 and Google Chrome 45.0.

Soledad, can you please confirm:
A) Whether this is better in the latest Nightly than before
B) Whether you still see a performance gap between Chrome and Nightly (regardless of whether this is better or worse)
Flags: needinfo?(sole)
http://bl.ocks.org/mbostock/1021841 and http://bl.ocks.org/mbostock/1062288 run very smooth for me on both 41.0.1 and current nightly (44.0a1 (2015-10-13))
(In reply to Jörn Hees from comment #4)
> http://bl.ocks.org/mbostock/1021841 and http://bl.ocks.org/mbostock/1062288
> run very smooth for me on both 41.0.1 and current nightly (44.0a1
> (2015-10-13))

Yeah, that's basically what I was seeing (ie. we're faster now but not quite as fast as Chrome).
Confirming it's "better", but still jankier than Chrome

Sorry for the delay in replying to this, I was dragged into something else :-/
Flags: needinfo?(sole)
Whiteboard: [DevRel:P3]
Keywords: perf
Summary: d3 SVG examples are painfully slow in Firefox, rendering smoothly in Chrome → D3.js SVG examples are painfully slow in Firefox, rendering smoothly in Chrome
Flags: platform-rel?
platform-rel: --- → ?
platform-rel: ? → ---
Revisited this in Nightly 20170501 on a Windows HDPI laptop. The animation is smoother in Chrome.
I can confirm that on my machine (Windows 7) the animation is as smooth in Firefox as it is in Chrome. Maybe this issue should be closed?
Status: NEW → RESOLVED
Closed: 6 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.