🎤 Performant Animations" Hitting 60fps"
- 👤 Emily Hayman
- Twitter: @eehayman
📹
Video:
https://vimeo.com/254906131
Achieving a silky smooth user experience has become a requirement in today’s web. Developers often invest quite a bit of time to reduce first page loads by even a few milliseconds, but forget to consider the impact of the interactions that follow. We’ll start off with discussing how a browser actually goes about generating the interface a user ends up seeing from your code, and then dive into how you can leverage this information for the best possible performance.From there, we'll review the pros and cons of various animation types, as well as differing CSS properties. We will explore how existing tools like requestAnimationFrame and CSS hardware acceleration can improve performance, in addition to upcoming standards and APIs. Finally, we’ll take a quick look at the options available for testing animations.
This page was generated from this YAML file. Found a typo, want to add some data? Just edit it on GitHub.