Open Bug 1700284 Opened 3 years ago Updated 1 year ago

CSS pulse animation cause a ~25% CPU load of Firefox

Categories

(Core :: Graphics: WebRender, defect, P3)

defect

Tracking

()

People

(Reporter: whimboo, Unassigned)

References

(Blocks 3 open bugs, )

Details

(Keywords: power)

Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:88.0) Gecko/20100101 Firefox/88.0 ID:20210322093509

Steps to reproduce:

  1. Open https://www.faszination-tanzen.de/impressum.html
  2. Scroll to the button and close the cookie banner
  3. Ensure the pulsating heart is in view

Here the CSS definition of the element:

#heartbeat {
  animation: pulse 1s linear infinite;
}

In Firefox this causes ~20% CPU load on the parent process whereby most of it goes onto the Rendering and WRRenderBackend#1 threads. Comparing to Safari, which uses overall only 6% CPU load, this is a 3-4x higher load.

Here the recorded profile: https://share.firefox.dev/3lOVBzC

What's the rough split between Rendering and WRRenderBackend threads?

Flags: needinfo?(hskupin)

It's basically a 50:50 split between those two threads.

Flags: needinfo?(hskupin)

(This should be triaged as part of webrender triaging, I think. Removing qf.)

Whiteboard: [qf]
Blocks: wr-perf
Severity: -- → S3
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.