Performance Beyond Page Load

Performance Beyond Page Load

JSConf via YouTube Direct link

Chrome Dev Tools: FPS meter

17 of 32

17 of 32

Chrome Dev Tools: FPS meter

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.