Open Bug 1673290 Opened 4 years ago Updated 2 years ago

https://ics-creative.github.io/180914_conic_gradient/line_effect/ is slow due to large layer sizes and clips

Categories

(Core :: Graphics, defect, P3)

defect

Tracking

()

People

(Reporter: ntim, Unassigned)

References

(Depends on 1 open bug, Blocks 1 open bug)

Details

https://ics-creative.github.io/180914_conic_gradient/line_effect/

profile: https://share.firefox.dev/3kpgPCx

Firefox with MOZ_WEBRENDER=0 seems faster and chrome/safari are as well.

Affects scrolling perf on https://ics.media/entry/18966/ too.

I took a brief look. The conic gradient is not the culprit.

The animation is a rotated transform, on a big square element that's sized to 200vw x 200vw. Most of the GPU time is spent in a "clip" shader, from what I can tell.

Blocks: wr-perf

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

For more information, please visit auto_nag documentation.

Flags: needinfo?(jmathies)
Severity: -- → S4
Flags: needinfo?(jmathies)
Priority: -- → P3
Summary: https://ics-creative.github.io/180914_conic_gradient/line_effect/ is slow → Conic Gradient is slow
Summary: Conic Gradient is slow → https://ics-creative.github.io/180914_conic_gradient/line_effect/ is slow due to large layer sizes and clips
Blocks: wr-gpu-time
No longer blocks: wr-perf
Depends on: 1664060

https://share.firefox.dev/3w2Y93a
This looks quite smooth now.
Markus, do you still see slowness? (ni you as :ntim as requests blocked)

Flags: needinfo?(mstange.moz)

It's smooth on my M1 Max, but still only hits 30 fps on Jeff's Intel Macbook Pro.

Flags: needinfo?(mstange.moz)
You need to log in before you can comment on or make changes to this bug.