1201282 - What is the performance bottleneck of this map's rendering?

Status: RESOLVED WORKSFORME

(Core :: SVG, defect)

Description

[Potch [:potch]]

This page (https://www.jasondavies.com/maps/voronoi/airports/) is a pathological test case in SVG rendering performance. I don't expect any silver bullet performance wins, but it would be good to understand what's making this visualization render at ~2fps in Firefox. For comparison, Chrome stable on my machine renders this visualization at a steady 5-7fps. Firefox gets an average of 3, but sometimes with very long <1fps lags.

Comment 1

[Markus Stange [:mstange]]

51% Painting, 42% JS, 7% other.
Inside Painting: 88% SVG path rendering, 4.5% layer building, 4.5% DLBI, 2.3% display list construction
Inside JS: 33% setAttribute, 8% math (atan2, cos, sin, asin), 5% number-to-string conversion when .join()ing an array of numbers.

Comment 2

[Markus Stange [:mstange]]

This was on OS X with gfx.content.azure.backends=cg (the default).
With gfx.content.azure.backends=skia, painting is only 40% of the profile.

Comment 3

[Potch [:potch]]

This is an awesome breakdown- thanks Markus!

Comment 4

[Robert Longson [:longsonr]]

Seems OK now.