Heh, a combination of the post going viral, me using the free tier on Vercel, and some sub-optimal images I have used, caused me to use up all the free bandwidth. Vercel reached out though and promptly unlocked the web, which is very cool of them.
Guess it’s now time for me to learn my lesson and optimize the images
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.
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.
"402: PAYMENT_REQUIRED Code: DEPLOYMENT_DISABLED
This Deployment has been disabled.
Your connection is working correctly.
Vercel is working correctly."
Guess it’s now time for me to learn my lesson and optimize the images