Articles
How to build animation that doesn't lag on phones
Beautiful animation that stutters is worse than none at all. Here's how we keep it smooth.
Three things break smoothness: heavy video, unnecessary repaints and dozens of independent animations, each running its own timer.
We run every motion on the site through a single loop, animate only what's visible and prepare a separate lightweight video for phones.
What we check before handover
- scroll smoothness on an average phone
- time to first screen
- what happens if the video fails to load