Making users happy is a goal that unifies everyone on the team. The key then is to establish metrics that reflect user happiness. In the world of performance, we haven’t always done a great job of this. Often, performance metrics track how our pages are built which might not be correlated with a joyous user experience, and we start optimizing our stack for the sake of optimizing our stack. Luckily, momentum is building around UX-centered metrics such as start render time, time-to-interact, and first meaningful paint. Steve Souders discusses these new metrics that help us build web apps that produce the fast, joyous experiences our users want.

1. Metrics of
Joy
flickr.com/photos/kk
@souders
stevesouders.com/talks

2. what's your business' goal?
flickr.com/photos/shockingbird

3. what's your business' goal?
flickr.com/photos/josterpi

4. what's your business' goal?
flickr.com/photos/josterpi

5. happy users

6. tail wagging the dog?
flickr.com/photos/itsgreg

7. metrics of joy
flickr.com/photos/mommypants

8. performance & biz metric mashup

9. Pat Meenan & Tammy Everts
conferences.oreilly.com/velocity/devops-web-performance-ny/public/schedule/detail/51082

10. Pat Meenan & Tammy Everts
conferences.oreilly.com/velocity/devops-web-performance-ny/public/schedule/detail/51082

13. interaction metrics

14. rendering

15. onload is misleading

16. onload is misleading

17. every pixel is not the same

18. custom metrics

19. custom metrics
define most important elements on the page

20. custom metrics
define most important elements on the page
measure using User Timing

21. custom metrics
define most important elements on the page
measure using User Timing
track with RUM and synthetic

22. https://www.w3.org/2016/09/23-webperf-minutes.html#item05

23. <div elementtiming="results">
flickr.com/photos/hippie
https://www.w3.org/2016/09/23-webperf-minutes.html#item05

25. critical blocking resources

27. JS execution
flickr.com/photos/josterpi

28. flickr.com/photos/josterpi
JS execution

29. flickr.com/photos/josterpi
JS execution

32. eye on the ball
flickr.com/photos/66176388@N00

33. ous

34. @souders
stevesouders.com/talks