Open Bug 1596634 Opened 23 days ago Updated 15 days ago

When blur filter is applied on a large area, it delays the full rendering

Categories

(Core :: Graphics, enhancement)

70 Branch
enhancement
Not set

Tracking

()

Webcompat Priority ?
Tracking Status
firefox72 --- affected

People

(Reporter: karlcow, Unassigned)

References

(Blocks 1 open bug, )

Details

(Whiteboard: [qf:p3:responsiveness])

As reported on https://webcompat.com/issues/43355

The background video loop is running at a very low FPS on my Macbook Pro Late 2016.

When you open this link in Safari and or Chrome you will not see this same issue.

I've also checked on Windows 10 on another PC and it's okay. Seems to be isolated to Firefox.

My Macbook Pro at the time of this is

  • Plugged in, fully charged
  • GPU: Radeon Pro 460 (4GB DDR5)
  • CPU Skylake i7

I can reproduce too.

The difference is noticeable in between Firefox and Safari on macOs
The video itself is smooth https://lolstatic-a.akamaihd.net/frontpage/apps/prod/signup/en_GB/5b674013d14f1633b421da94b203df56a6fb0492/assets/en_GB/assets/summoners-rift.mp4" type="video/mp4

but this the application of the filter which makes it slow. Removing it fixes the issue.


/* Inline #9 | https://signup.euw.leagueoflegends.com/en/signup/redownload */

.background-video video {
		/* filter: blur(4px); */
}

WebRender doesn't change anything.

So that sounds like a performance issue.

Whiteboard: [qf] → [qf:p3:responsiveness]

Just got a second issue with blur. This time the time it take to blur a full page before displaying a menu.

Webcompat Priority: --- → ?
Summary: The background video runs at a low frame rate when blur filter is applied → When blur filter is applied on a large area, it delays the full rendering
You need to log in before you can comment on or make changes to this bug.