The blur effect of the largeVideoBackgroundContainer takes way too much performance (GPU)

[MansSandberg]

What happened?

I am using Jitsi in my browser. (mainly Google Chrome, but I have tried Microsoft Edge with same result)

I have had problems in the last couple of weeks that Jitsi uses very much of my computers GPU.
When someone is sharing their screen in the meeting and my browser window is sized bigger than their shared screen, the area outside of there shared screen is blurred (somehow their screen share is blurred in that area).

I have tracked down the problem of the GPU usage to that blurred area. If i resize the window down to the size of shared content, my GPU usage drops down, but if I resize the window just a little bit larger the GPU usage goes up, and if I maximize the window the GPU usage goes up to 70-80% (I dont have the possibility to check exact numbers at the moment, just takes from my memory).

My collegue suggested that the blurred area could be the problem. We resized the window as I described and then inspected the HTML-elements and found a solution to my problem.
If I modify the CSS on the page like this, the GPU usage barely increase at all:

#largeVideoBackgroundContainer { display: none; filter: blur(40px); }

My monitor is Huawei Mateview 28" (4k+)

Platform

• Chrome (or Chromium based)
• Firefox
• Safari
• Other desktop browser
• Android browser
• iOS browser
• Electron app
• Android mobile app
• iOS mobile app
• Custom app using a mobile SDK

Browser / app / sdk version

Google Chrome, Edge

Relevant log output

No response

Reproducibility

• The problem is reproducible on meet.jit.si

More details?

Self-hosted Jitsi-meet from my employer.