638133 - Investigate Speed degradation animation in FF4 beta 8 - 12 versus beta 3 -6

Status: RESOLVED WORKSFORME

(Core :: Graphics, defect)

Description

[Lech Balcerzak]

User-Agent:       Mozilla/5.0 (Windows; Windows NT 5.1; rv:2.0b3) Gecko/20100805 Firefox/4.0b3
Build Identifier: Mozilla/5.0 (Windows; Windows NT 5.1; rv:2.0b3) Gecko/20100805 Firefox/4.0b3

[note: on XP + classic browser without GPU hardware acceleration]

Hello,

I invended next bug about animation (previous: Bug 603737 "Speed degradation animation in FF4 beta 4 versus beta 3").

Next effects about this bug:

---------------------------------

Effect I
if you scroll text + png graphics inside a div.


Speed test (on background):

browser / scroll time:
 FF4b3 : Speed: 59.77 fps, Moved: 3586 px, OK
 FF4b6 : Speed: 59.23 fps, Moved: 3554 px, OK 

 FF4b8 : Speed: 42.73 fps, Moved: 2564 px, slower!
 FF4b12: Speed: 43.53 fps, Moved: 2612 px, slower! Impossible to move 60fps.

---------------------------------

Effect II (additional)
Fade in / Fade out is less smooth, less fluent and slower.

If you show a big div (e.g. 900 x 600 px) with png graphic inside and with "Fade In" effect - you can see next fenomenom:

FF4b3: smooth OK, *****
FF4b6: liitle slower, ****
FF4b8, 9, 10, 11, 12: less smooth, little jerky **


Reproducible: Always

Steps to Reproduce:
1. Make backgound and include in html
2. Include div with png semi-transparent backgound
3. Include inside div many text, paragraphs, graphics
4. Animate offset inside div (by timer or by mouse)

Actual Results:  
Slower scroll or (in specyfic situations even jerky moving).


Expected Results:  
Smooth animation, like in Firefox beta 3.

I noticed such mistakes more: Effect III, IV... They are manifesting itself at the move of big elements: of pictures, divs, backgrounds and so on. 

Conclusion: each next beta version FF4 is slower than previous. :-)

On my portal I use frequently the own javascript animation and also, more special and experimental technics - many time. So my favourite version for this time is: FF 4 beta 3. This is fastest (if you don't use GPU acceleration). I recommend this version to my users (for Widows XP).

BTW1: if you change background to active graphics (flash), this effect is even more visible.

BTW2: In specific conditions, on FF4b12 I obtained even 12fps, jerky moving, unacceptable jumping & stopped moving and very unpleasant to the eye (inside huge website more divs, pictures and bigger fonts). 

These errors aren't appearing on FFb6 or previous. 

I will include little test above in: FF4betaGFXScrollSpeedTestV1.zip

Lech

Comment 1

[Lech Balcerzak]

Attachment: FF4 beta GFX Scroll Speed Test V1

Comment 2

[Lech Balcerzak]

Attachment: FF4 beta GFX Scroll Speed Test V3 Kinetic

New version with the kinetic move simulaton.

In this version the difference between FF4b6 and FF4b12 is more visible!

Comment 3

[Lech Balcerzak]

Test V3 Kinetic (results):
----------------
Windows XP, 1.5 GHz, ClearType: on, GPU acceleration: off


Firefox 4b3: 57.43 fps, Moved: 1723 px <---- very fast and smooth

Firefox 4b6: Speed: 55.93 fps, Moved: 1678 px
Opera 11: Speed: 28.47 fps, Moved: 854 px
Chrome 9: Speed: 22.27 fps, Moved: 668 px
Safari 5 (XP): Speed: 21.63 fps, Moved: 649 px

Firefox 4b12: Speed: 21.17 fps, Moved: 635 px <---- very slow

SeaMonkey 2: Speed: 17.3 fps, Moved: 519 px
Firefox 3.5: Speed: 17.27 fps, Moved: 518 px
IE8: Speed: 16 fps, Moved: 480 px
IE7: Speed: 10.67 fps, Moved: 320 px
Ipad?
Safari 5 (Mac)?
IE9?


and after font smoothing (ClearType) off:


Test V3 Kinetic:
----------------
Windows XP, 1.5 GHz, ClearType: off, GPU acceleration: off

Firefox 4b3: Speed: 58.03 fps, Moved: 1741 px <---- very fast and smooth
Firefox 4b6: Speed: 56.93 fps, Moved: 1708 px

Opera 11: Speed: 36.4 fps, Moved: 1092 px
Firefox 4b12: Speed: 34.5 fps, Moved: 1035 px <---- middle speed
Chrome 9: Speed: 26.36 fps, Moved: 791 px
SeaMonkey 2: Speed: 25.1 fps, Moved: 753 px
Safari 5 (XP): Speed: 22.77 fps, Moved: 683 px
IE7: Speed: 12.8 fps, Moved: 384 px


I have the request.
Can somebody test and give results here?
I don't have a Mac, Ipad or Win 7.

So, can anybody test my latest kinetic version (3) on Safari 5 Mac, Ipad or Windows 7 IE9?

Please unclude:
- clock (e.g. 1 GHz, 2 GHz etc.)
- system name
- GPU acceleration: on/off
- FontSmoot/ClearType: on/off

Thanx,
Lech

Comment 4

[Boris Zbarsky [:bzbarsky]]

Lech, if you look at about:support for the newer builds, are those using accelerated rendering on your setup?

Comment 5

[Ali Juma [:ajuma]]

Lech, thanks for doing this testing. I'm curious if things have improved at all over the past few months -- could you please retest on your machine using the latest Nightly?

Comment 6

[Ali Juma [:ajuma]]

Closing this for now. Please do reopen if you're still seeing this.