833632 - Flipbook of multiple SVG Files with Javascript Very Slow

Status: UNCONFIRMED

(Core :: Graphics, defect)

Description

[mray271]

Attachment: lecar_anim.zip -- Zip containing index.html and several svg image files.

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:18.0) Gecko/20100101 Firefox/18.0
Build ID: 20130109165101

Steps to reproduce:

Operating System is Fedora 18 3.7.2-204.fc18.x86_64 

Unzip lecar_anim.zip

View index.html using Mozilla Firefox versino 18.0
View index.html using Google Chrome version 24.0.1312.56


Actual results:

Viewing index.html using Mozilla Firefox 18.0 leads to very slow rendering and stalls.

In contrast, viewing in google-chrome 24.0.1312.56 renders much more smoothly and quickly.

The buttons in the HTML frame will allow developers to profile different issues.  Fwd advances just 1 frame at a time and images can be seen to render albeit very slowly.  Increasing Faster or slower leads to choppy animation with intermittant "black" frames appearing.



Expected results:

Expect equally responsive rendering in  both browsers.

Comment 1

[Loic]

Your testcase seems to be broken locally, I see that: http://i.imgur.com/vsLKLoL.jpg

Is it possible to upload a testcase that works, please? (or online testcase)

Comment 2

[mray271]

(In reply to Loic from comment #1)
> Your testcase seems to be broken locally, I see that:
> http://i.imgur.com/vsLKLoL.jpg
> 
> Is it possible to upload a testcase that works, please? (or online testcase)

I also see (occasionally) what you are seeing, but it is not broken. Firefox does show that (generated?) image initially and then sometimes intermittantly, but only as place-holder presumably due to very slow loading of SVG.  Please try it using google-chrome to confirm working e.g.

unzip lecar_anim.zip
google-chrome ./lecar_anim/index.html

If you allow it to run in Firefox for 1 full loop it performs slightly better.  Also try stepping one frame at a time using the "Fwd" and "Bwd" button clicks as this is (apparently) less demanding on CPU.

Comment 3

[Loic]

I tried in Firefox 21 and I was able to see the animation. In fact, there is a CPU spike (25% in my case).

Comment 4

[mray271]

(In reply to Loic from comment #3)
> I tried in Firefox 21 and I was able to see the animation. In fact, there is
> a CPU spike (25% in my case).

FYI, just another look for context...  

My machine has an i5 CPU M450 @ 2.40GHz. Note difference in system usage moments after starting animation:

[] Here's slower animation by Firefox 18.0. Usage during animation (Note little/no up-tick in memory usage and multiple cores CPU being sapped):
http://i.imgur.com/hZge9wK.png

[] Here's faster animation by Google-Chrome v24.0.1312.56. Usage during animation (Note larger up-tick in memory usage and multiple cores hardly hit after brief initial peak):
http://i.imgur.com/1s7kW5y.png

Comment 5

[(mostly gone) XtC4UaLL [:xtc4uall]]

Confirmed on Win7 too (D2D/Azure).
SPS Profile against Trunk: http://people.mozilla.com/~bgirard/cleopatra/#report=e843a5623c3376f54d510ec6291c8697d89e48e1

Comment 6

[Vishal Shah]

Team, i am facing issue for IFP , in IE and FF - Flipping a floor plan causes room names to be misaligned, text are not properly aligned

Comment 7

[Gregory Pappas [:gregp]]

Reporter, are you still experiencing this issue?