[FEATURE] Performance Guide

I’ve been creating some great animations with framer-motion but I’ve run into a couple of cases where the animations aren’t as performant as I’d like.

I’d love to have some resources which advise on how to increase the performance and smoothness of animations: best practices, common pitfalls and so on. I’m not having great results with the React profiler.

I’m struggling to find advice on this lib through blog posts/Google so some advice from the author(s) would be greatly appreciated.

[samtgarson]

I’ve also struggled to find advice on this, beyond what has been mentioned on this thread already.

I’m no React/browser expert and I’m experiencing significant lag on a new animation heavy, personal site that I’ve just started on… Not asking for specific help on this thread but just +1ing the idea!

I feel like there might be some obvious and easily-avoidable gotchas that would be worth documenting for less animation-experienced folks.

[mattgperry]

I’m closing this as it isn’t Motion-specific but I am adding the idea to a roadmap plan that I’m putting together, I think it’s a good one.