✳flâneur — a map of the web's best reading

The Web Animation Performance Tier List - Motion Magazine

motion.dev · 4,854 words · saved by 2 readers

Learn what makes web animations fast, slow, and everything in between with our 2025 web animation performance tier list.

Animation performance is one of the topics I'm asked about the most. It makes sense - the whole reason we make animated UIs is so they feel smooth and responsive. If these animations don't perform well, they become actively harmful to the overall experience. But performance can often feel like a dark art. It's a broad topic, extremely nuanced, and full of trade-offs. In this article, I'm sharing everything I know about animation performance on the web. We'll cover it all - when to use will-change (and when to not), why CSS variables are bad actually, what hardware acceleration means - everythi

Explore this link on the map →

saved by

related reading