Designing by screen size and available features is common practice, but what about hardware? I wanna do something like this:
if (powerfulCPU) {
// Use a crazy amount of blur
} else {
// Skip everything fancy but still deliver a killer animation
}
Is there a way to perform a quick CPU test in the loading sequence of a website in a similar manner that Modernizr does feature testing? Or do you have any other thoughts on how to achieve something similar?
I recently implemented something like this based on that codepen.
I tried to lower the animation stress to try and improve the fps.
when the fps drop below 30 twice, I kill some of the animation and scenes in order to try and get a better performance for the user.
I tried to think of a way to do this before the animation actually starts, but wasn't able to find one. But gracefully degrading the animation seems like a good start
Here is my take on it: