886279 - Major slowdown when scrolling the same HTML page with SVG images instead of PNG ones

Status: RESOLVED WORKSFORME

(Core :: SVG, defect)

Description

[Julien Sanchez]

Scrolling a page with SVG elements is very slow.

Testcase from ‏@chriscoyier:
http://codepen.io/adrianosmond/pen/LCogn

This testcase is interesting to investigate the reason of the slowdown because it compares scrolling of a page with SVG images against the same one but with PNG images only.

Comment 1

[Glenn Randers-Pehrson]

Confirmed with nightly 24.0a1 (June 24) running on Ubuntu 12.04.  Also, chrome exhibits the same behavior.

Comment 2

[Philip Rogers]

The codepen.io page is quite difficult to debug. I created a smaller testcase at: philbit.com/sprites2.html

Comment 3

[Julien Sanchez]

I have added Philip Roger's testcase as bug's main URL reference. The SVG-only container is almost impossible to scroll on my system whereas PNG version scrolls smoothly.

Comment 4

[Jonathan Watt [:jwatt]]

I'd expect that this is something Seth's recent work on SVG images would fix/improve. CC'ing Seth for his thoughts.

Comment 5

[Aras Balali Moghaddam]

just noticed a fix for this issue has landed in chromium: https://code.google.com/p/chromium/issues/detail?id=253091

Comment 6

[Seth Fowler [:seth] [:s2h]]

I tested Philip's testcase on my local build with the in-progress fix for bug 764299, and performance is much better. I've added that bug as a blocker.

Comment 8

[Miller Medeiros [:millermedeiros]]

another test (using CSS animations) just to confirm that performance on 29.0a2 is way better than it used to be a few months ago - SVG as img[src]: http://jsbin.com/bixun/1 and SVG as background-image: http://jsbin.com/bixun/3