Snappy Means Happy: Performance in Ember Apps
summary
Uses real shipped Ember apps and Ember source to show concrete fixes: network blocking by a 1.1 MB script becomes visible in the Chrome DevTools timeline, moving the script to the footer with defer cuts perceived load from ~16s to ~6s; animation jank is diagnosed with frame/paint breakdowns and fixed with a translateZ GPU trick to eliminate paint passes; observer churn on array updates drops work from ~25ms to ~14ms by buffering pushes or using Ember.run / run loop profiling to schedule coalesced updates.
AI-written summary · about
chapters (15)
- 0:00Intro
- 1:17Why this talk is important
- 2:33How fast we need to be
- 4:42Where can we improve
- 5:40Methodology
- 6:23Testing
- 11:17Animations
- 13:22Live Coding
- 18:16Observing
- 20:14Profiler
- 21:41Live Code
- 26:47Ember Core
- 27:29Web Performance
- 28:16Web Performance Tools
- 30:29Conclusion
