Animations can be a great ux improvement but not if they are janky.

We have prefers-reduced-motion so the user can choose to disable animations, for whatever reasons they might have.

What about having an api to detect low performing animations?

With this api the app developer could ask the user if they want to enable prefers-reduced-motion or disable or decrease the amount of animations accordingly.

Another option might be that the browser detects alot of dropped frames and asks if the user wants to enable prefers reduced motion?

Not sure how to define that the performance is "low". 🤔 Maybe amount of dropped frames during transitions, animation frames etc. over a certain threshold/time period? Maybe the threshold logic can be set by the developer.