I built an webapp for my kids that was supposed to run on a raspberry pi plugged to a 4k tv. Having these blurred tiles that swoosh on the screen looks amazing on my laptop.
Running this on the RP4 was less than 1fps. Turned off the blur it works great, even the animation is great.
Tested blur on a static element, the entire page crawls. These effects looks great, but are performance hogs.
It used to be the case that some CSS was hardware accelerated in one browser and not in another. I haven't checked in a long time but that would explain the perf difference.
Yeah, the performance takes a hit and I can see it being unusable on a lot of devices. As I say in the post, “(the blur) just plainly shouldn’t be used anywhere on the web”, at least not in this form.
Running this on the RP4 was less than 1fps. Turned off the blur it works great, even the animation is great.
Tested blur on a static element, the entire page crawls. These effects looks great, but are performance hogs.