Granola Blog company blog

Don't animate height

Our app was mysteriously using 60% CPU and 25% GPU on my M2 MacBook. It turned out this was due to a tiny CSS animation! In this post, I show how to find expensive animations, why some are so expensive, and how to make many animations much cheaper. Along the way, we'll learn how the browser renders CSS animations and…
Points
460
HN comments
268
Submissions
1
Cited by
3 commenters

Web & FrontendDesign & UX2025

On Hacker News

SubmittedTitle on HNPointsComments
Jul 19, 2025Don't animate height by birdculture460268

Cited in comments

Linked from 3 Hacker News comments by 3 different people, from Mar 2025 to Oct 2025.

Most recent:

Search every comment that links here →

Related posts from the same era