Book Image

Learning AngularJS Animations

By : Richard Keller
Book Image

Learning AngularJS Animations

By: Richard Keller

Overview of this book

Table of Contents (15 chapters)
Learning AngularJS Animations
About the Author
About the Reviewers

Chapter 8. Animations' Performance Optimization

We have already learned how to create different animations using AngularJS, CSS, and JavaScript, but we must always be concerned with the user experience. All animations in separate samples are great, and performance is not an issue. However, when we are dealing with big single-page applications with heavy processing, a lot of CSS and a big DOM, we should focus on keeping our web app fast and the animations smooth; this is the topic of this chapter.

In this chapter, we will learn the following topics:

  • Display and the frame rate

  • Finding performance bottlenecks using Chrome DevTools

  • Measuring browser layers and Jank on Chrome

  • CSS styles in animations you should avoid