Hello, here's a brain dump of everything I know about animation performance.
By replacing a single global CSS variable with JS animations, I took style recalculations on a popular portfolio website down from a whopping 8ms to nanoseconds. That and much more in this post.
Animating layout isn't always bad. Global CSS variables are a performance killer. Hardware accelerated blurs can crash sites.
Surprised? We go into all this and more, in the first Web Animation Performance Tier List: motion.dev/blog/web-animatio…
1\ I think the more interesting story with the #twitchleak, in my opinion, is the fact that 99.925% of streamers aren't making a meaningful income.
It goes all the way to the top streamers on the platform. 25% of the top 0.1% don't even make minimum wage.