1901092 - "Pure CSS 3D Girl" running-person animation is much slower in Firefox than Chromium/WebKit

Status: NEW

(Core :: Graphics: WebRender, defect)

Description

[Daniel Holbert [:dholbert]]

STR:

1. Load this codepen: https://codepen.io/miocene/full/eYaRgVE (ideally in a large Firefox window)
   (this is from Julia Miocene at CSS Day, linked here: https://x.com/julia_miocene/status/1798695887142883709 )

ACTUAL RESULTS:
The animation is extremely janky; it looks like a slideshow, on the order of 1 frame per second or so.

EXPECTED RESULTS:
Smoother animation.

Profile, using Graphics presets: https://share.firefox.dev/3RhKQ9J

The various WRWorker threads are super-busy. Other threads are all pretty quiet.

I'm testing in Firefox Nightly on Ubuntu 22.04

Comment 1

[Daniel Holbert [:dholbert]]

Attachment: testcase 1 (taken directly from Julia Miocene's codepen)

Here's the codepen as a live Bugzilla testcase/attachment, just in case the codepen disappears or changes-such-that-it-stops-reproducing-the-bug at some point. (Also probably easier to debug without the various bits of codepen framing/overhead.)

Comment 2

[Daniel Holbert [:dholbert]]

This is reproducible on macOS too (I assume also Windows though I haven't tested there).

Chrome/Safari are noticeably better here.

On my MacBook Pro, viewing the testcase in a maximized window, Chrome and Safari both look like they've got 4-6 frames per second, whereas Firefox has 0-1 frame per second.

Comment 3

[Daniel Holbert [:dholbert]]

Attachment: testcase 2 (no issues) -- same as 1 but with `filter: var(--noise10)` commented-out

nchevobbe noticed that the slowness goes away if we comment out filter: var(--noise10).

Here's a modified version of the testcase with that change, to demonstrate. We perform great on this version.

Comment 4

[Daniel Holbert [:dholbert]]

given the connection to WebRender and specific filters, gregp suggests this is a version of bug 1409486.

Comment 5

[Itiel]

(In reply to Daniel Holbert [:dholbert] from comment #2)

This is reproducible on macOS too (I assume also Windows though I haven't tested there).

Can confirm.

Comment 6

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:gw, could you have a look please?

For more information, please visit BugBot documentation.

Comment 7

[Mayank Bansal]

FWIW, the original codepen runs very smooth on the latest Nightly. I can only assume that the author removed the bits that made the demo slow on Firefox.

Comment 8

[Daniel Holbert [:dholbert]]

(In reply to Mayank Bansal from comment #7)

FWIW, the original codepen runs very smooth on the latest Nightly. I can only assume that the author removed the bits that made the demo slow on Firefox.

Yup, the line mentioned in comment 3 is now commented out in the original codepen. :)

We've got bugzilla attachments for persistent testcases here, in any case.

Comment 9

[Mayank Bansal]

Profile for the testcase in comment#1 : https://share.firefox.dev/4deW1rU
Its still quite stuttery.