Enable gpu acceleration for compositing

[DavidSouther]

Currently, you use background-attachment: fixed on body.badmin-transparent .panel.panel-blur, which murders your framerate when scrolling (80ms is ~12fps). Consider fixing with http://fourkitchens.com/blog/article/fix-scrolling-performance-css-will-change-property

[KostyaDanovsky]

@DavidSouther, thanks a lot for the posting issue and fix for that)

[lugovsky]

It's not that easy to apply this fix to our dashboard because of the way we use background-attachment: fixed. But we need to think about some solution indeed

[KostyaDanovsky]

Closed by 3f8d5b4

[lugovsky]

We removed background-attachment: fixed from body, but as for blurred panels we really need it to have that blur effect. So scrolling performance is still not optimal, but should be a bit better

[lugovsky]

But if @DavidSouther has any other suggestion how we can fix scrolling performance and keep Blur effect, we would be very thankful :)

[DavidSouther]

Oooh so nice! You're down to ~10ms on most frames, with one spike to ~90ms, but not repeated. Yay GPUs!

[lugovsky]

Haha :) Thanks again!

[DmitryEfimenko]

The scroll is still sluggish.
Unfortunately I could not find a suitable fix either. Hopefully someone will come up with a decent solution.
The attempt in #22 is good, but to me - not good enough. Having background of the dashboard cards not being smooth makes text on it less legible.

I think this issue should remain open till it's somehow fixed.
I'd also say this issue alone is what preventing me from using this template :(

[lugovsky]

@DmitryEfimenko unfortunately I don't see any option how could we improve the performance, but we're working on it.

But in the meantime you could check out mint branch where we develop dashboard without "blur effect" and in pastel colors