Animation Performance

Maintaining a 60 frames-per-second (FPS) frame rate when we’re animating is very important because anything less will result in a noticeable stutter, or what is commonly referred to as jank. The key here is to be able to identify which properties are expensive to animate and which aren’t, and utilizing the compositor thread (a thread in the browser that leverages the GPU to create the final version of the page seen on the screen) wherever possible. We’ll go over some additional metrics that we should be aware of when writing our animation code.