Completed
Takeaways
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Debugging UI Performance Issues - Fast But Not Furious
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro
- 2 Anna Migas
- 3 Perceived performance
- 4 What a frame consists of?
- 5 What creates new layers?
- 6 Layout change (Reflow)
- 7 Paint change (Repaint)
- 8 Compositing change
- 9 Reflows can be quite obvious...
- 10 Performance tab (Chrome or Firefox)
- 11 Layers tab (Chrome)
- 12 Rendering tab (Chrome)
- 13 Paint flashing (Firefox)
- 14 Performance monitor tab (Chrome)
- 15 Animations
- 16 requestAnimation Frame
- 17 Parallax effect
- 18 Fixed elements
- 19 Scrolling events
- 20 Hover effects
- 21 Appending elements
- 22 Images: downloads (img tag)
- 23 Images: downloads (background img)
- 24 Images: content jumps
- 25 Images: lazy loading
- 26 Takeaways
- 27 Resources
