In this article

• What are animations?
  • How do animations work?
• What are animation frames?
• What impacts animation frames?
• Animation frames: Updates that matter
  • Main and compositor thread updates
  • Missing paint updates
  • Detecting animations
  • Quality versus quantity
• States of a single animation frame
• Putting it all together: A Percent Dropped Frames metric
• Try it yourself in developer tooling!
  • Performance HUD
  • Frame Rendering Stats
  • Frame Viewer in DevTools performance profile recordings
  • Chrome tracing
• What's next
• Feedback