1602151 - 500ms-1s paints on rivalry.com when applying a blur filter to large SVG

Status: NEW

(Core :: Graphics, defect, P3)

Description

[:Harald Kirschner :digitarald]

Basic information

Steps to Reproduce:

1. Open https://www.rivalry.com/
2. Quickly scroll down
3. Scroll up again

Expected Results: Smooth scrolling

Actual Results: Extreme checkerboarding.

Both for WebRender and non-WebRender

---

More information

Screenshot: https://www.loom.com/share/26261d23e663460eb678a94f23f09ac5

Profile URL:
WebRender on: https://perfht.ml/34WIgM9
WebRender off in my default profile: https://perfht.ml/2DVB6vM

Basic systems configuration:

OS version: 10.15.1 (19B88)

Comment 1

[Olli Pettay [:smaug][[e-mail]]]

Harald, I assume "1. Open <url>" doesn't have the right url.
Does one need to open some particular rivalry.com page, or just the initial page? (I'm testing just the initial page)

On linux when webrender is enabled, scrolling is really jank-y, and without
webrender there is quite a bit checkerboarding.

I see "Flushing async paints" taking lots of time without webrender, so let's start from that component.

Comment 2

[:Harald Kirschner :digitarald]

Harald, I assume "1. Open <url>" doesn't have the right url.

Corrected, pardon the pasting faux pas. I only tested it on the initial page as well.

Comment 3

[Miko Mynttinen]

Attachment: large-svg.html

Comment 4

[Miko Mynttinen]

I think that this is caused by a blur filter getting applied to the big background SVG image.

Profile with WR disabled, that includes paint workers: https://perfht.ml/38rMnlD