Completed
Chrome Dev Tools: Enable paint flashing
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Performance Beyond Page Load
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro
- 2 Performance beyond Page load
- 3 Let's start with a small survey
- 4 But, you won't like animations if they're
- 5 Rendering Performance
- 6 Let's start with a Case Study
- 7 Bad performance of Shopping portal
- 8 Discussion of the performance impact
- 9 Wait
- 10 Apoorv Saxena
- 11 10ms isn't a lot of time
- 12 When failing to meet the frame budget of 10ms, we come across
- 13 Browser rendering process
- 14 Composting
- 15 Performance impact of operations
- 16 How to analyse the performance of a webpage
- 17 Chrome Dev Tools: FPS meter
- 18 Chrome Dev Tools: Enable paint flashing
- 19 Chrome Dev Tools: Timeline
- 20 Rule of Thumb
- 21 Style Calculations
- 22 Reduce complexity of CSS selectors
- 23 Remove unused CSS rules
- 24 Reduce number of elements being styled
- 25 Measure your style recalculation cost
- 26 Reduce paint areas
- 27 CSS Animations
- 28 Debounce input handlers
- 29 Promote elements that update frequently
- 30 GIFs and Performance
- 31 Live Performance Audit
- 32 Path to Performance