Translucent elements without performance impact about server

[ShGKme]

Isn't the goal to remove that blur background?

As I understand, the goal is to remove creating this blur background using CSS filter on the fly, because it has bad performance on machines without GPU acceleration.

The @marcoambrosini's proposal is to generate this blurred image once on the server instead of CSS filter.

[ShGKme]

I think this is a great idea. The PoC also looks very promising. Some thoughts:

1. This would require changes for components and apps, so we probably still need some solution for old servers to fix performance issue...
2. It would be great to make the solution backward-compatible for both apps and @nextcloud/vue. Ideally with some reusable solution, maybe a directive. I'll try to make a PoC

apart from MacOS

You don't want to use this approach on mac? Is there any difference with the blur filter?

[artonge]

This would mean downloading two background, right?
Also, instead of setting that second background for each element needing a blurred background, we could set that second background as a sibling of background-container and clipping it to no appear in the top bar and on the sides.

[ShGKme]

This would mean downloading two background, right?

Yes

Also, instead of setting that second background for each element needing a blurred background, we could set that second background as a sibling of background-container and clipping it to no appear in the top bar and on the sides.

But apps may use it in any place (e.g. call view in Talk), and we have a kind of background already on the elements with the blur filter.

[artonge]

But apps may use it in any place (e.g. call view in Talk), and we have a kind of background already on the elements with the blur filter.

Isn't the goal to remove that blur background?