1517926 - Bad performance on nested CSS keyframe animation

Status: NEW

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

Description

[Asif Youssuff]

Came across this on codepen: https://codepen.io/chasewackerfuss/details/JKGrJJ

Browsed to this on WR Linux and it runs slowly and causes slowness/jank inside of browser chrome in addition to the content area. 

Forked the pen at https://codepen.io/anon/pen/PXREaM to ensure it stays up.

Performance profile: https://perfht.ml/2Rccs2Y

Comment 1

[Mayank Bansal]

Attachment: memory-report.json.gz

This page OOM's on Nightly non-WR,and Chrome
With WR, I can get the page to open and animate. But page uses 1.6-1.7 GB  RAM

Comment 2

[Mayank Bansal]

Windows profile: https://perfht.ml/2F8ZGvN

Comment 3

[maggus.staab]

In case its relevant: the demo is super smooth on a ios 12.1.1 ipad

Comment 4

[Glenn Watson [:gw]]

Runs terribly on my machine, we should be able to do better here.

Comment 5

[Glenn Watson [:gw]]

I take it back - this test is worse on chromium. It gets very slow, then crashes, then crashed my desktop (kde plasma).

Comment 6

[Gregory Pappas [:gregp]]

This demo runs well on mobile Safari

Comment 7

[Mayank Bansal]

Attachment: Standalone testcase.html