Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Metrics of Joy

1,620 views

Published on

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.

Published in: Internet

Metrics of Joy

  1. 1. Metrics of Joy flickr.com/photos/kk @souders stevesouders.com/talks
  2. 2. what's your business' goal? flickr.com/photos/shockingbird
  3. 3. what's your business' goal? flickr.com/photos/josterpi
  4. 4. what's your business' goal? flickr.com/photos/josterpi
  5. 5. happy users
  6. 6. tail wagging the dog? flickr.com/photos/itsgreg
  7. 7. metrics of joy flickr.com/photos/mommypants
  8. 8. performance & biz metric mashup
  9. 9. Pat Meenan & Tammy Everts conferences.oreilly.com/velocity/devops-web-performance-ny/public/schedule/detail/51082
  10. 10. Pat Meenan & Tammy Everts conferences.oreilly.com/velocity/devops-web-performance-ny/public/schedule/detail/51082
  11. 11. interaction metrics
  12. 12. rendering
  13. 13. onload is misleading
  14. 14. onload is misleading
  15. 15. every pixel is not the same
  16. 16. custom metrics
  17. 17. custom metrics define most important elements on the page
  18. 18. custom metrics define most important elements on the page measure using User Timing
  19. 19. custom metrics define most important elements on the page measure using User Timing track with RUM and synthetic
  20. 20. https://www.w3.org/2016/09/23-webperf-minutes.html#item05
  21. 21. <div elementtiming="results"> flickr.com/photos/hippie https://www.w3.org/2016/09/23-webperf-minutes.html#item05
  22. 22. critical blocking resources
  23. 23. JS execution flickr.com/photos/josterpi
  24. 24. flickr.com/photos/josterpi JS execution
  25. 25. flickr.com/photos/josterpi JS execution
  26. 26. eye on the ball flickr.com/photos/66176388@N00
  27. 27. ous
  28. 28. @souders stevesouders.com/talks

×