Open Bug 1025572 Opened 10 years ago Updated 2 years ago

High CPU usage on changing opacity CSS animation

Categories

(Firefox :: General, defect)

defect

Tracking

()

People

(Reporter: alex, Unassigned)

Details

I'm the game developer. I use css-animation for simple opacity changing on the absolute positioned div (should have own layer) inside another absolute positioned div. On the inspector "Highlight painted area tool" shows this very tiny block. this is the demo of bug http://braveking.ru/test/css_animation.html - CSS-animation causes high load on CPU. On my two cup-cores one core is completely loaded. I used even clean profile. I tried to turn off/on hardware acceleration, it doesn't matter. Note, there are few menu tabs animated, for more effect. (Turn on or off by setting class="active"). In the game it's actually 1 or 2, but CPU is like 30-40%. My system is Windows XP, CPU: AMD64 X2 6000+ , video: AMD Radeon HD6450. (I also tested this on different computers). In Chrome there is only 0-1% cpu load. So I can't use good modern css-animations, because of this bug.
Confirmed on FF30.0, Windows 8. Also saw high memory usage.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Interesting snippets from about:memory: 546.78 MB (51.62%) ── heap-unclassified 481.06 MB ── gfx-d2d-vram-source-surface 486.34 MB ── gfx-surface-image
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.