akveo / blur-admin

AngularJS Bootstrap Admin Panel Framework
http://akveo.github.io/blur-admin/
Other
11.37k stars 3.09k forks source link

Enable gpu acceleration for compositing #2

Open DavidSouther opened 8 years ago

DavidSouther commented 8 years ago

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 commented 8 years ago

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

lugovsky commented 8 years ago

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 commented 8 years ago

Closed by 3f8d5b4721ac7d9a4507f855247b3291afe6cdc3

lugovsky commented 8 years ago

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 commented 8 years ago

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

DavidSouther commented 8 years ago

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

screen shot 2016-04-11 at 3 33 43 pm

lugovsky commented 8 years ago

Haha :) Thanks again!

DmitryEfimenko commented 8 years ago

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 commented 8 years ago

@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