Visualising Front-End Performance Bottlenecks

Visualising Front-End Performance Bottlenecks

React Conferences by GitNation via YouTube Direct link

Anatomy of a Frame

14 of 30

14 of 30

Anatomy of a Frame

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Visualising Front-End Performance Bottlenecks

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction
  2. 2 Who am I
  3. 3 The Zone
  4. 4 Living Room Devices
  5. 5 Smart TVs
  6. 6 Performance problems
  7. 7 What customers prefer
  8. 8 Useful quotes
  9. 9 Agenda
  10. 10 Measure Analysis Cycle
  11. 11 Demo
  12. 12 Profile
  13. 13 Main Thread
  14. 14 Anatomy of a Frame
  15. 15 How We Measure
  16. 16 Why Measure
  17. 17 Mark
  18. 18 Interaction
  19. 19 Instrumentation Code
  20. 20 Custom Hook
  21. 21 Copy Paste
  22. 22 Reload Demo
  23. 23 Baseline
  24. 24 Element
  25. 25 Virtualization
  26. 26 Lazy Loading
  27. 27 Horizontal Example
  28. 28 TV Constraints
  29. 29 Browsers
  30. 30 No developer tools

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.