Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building Performance for the Long Term

Building Performance for the Long Term

Performance matters to your users. And the importance of performance doesn't dim over time - if anything, users expect better performance this year than they experienced last year. Performance is important for the long-term. While your company's aims and structure may change, its commitment to performance should not.

This talk provides strategies that build performance culture from the long term. From starting a performance culture at your company to educating and empowering teams to understand and own their products' performance, this talk presents tools and strategies that you can use to make performance last at your company.

Smashing Conference London, 2018

Allison McKnight

February 09, 2018
Tweet

More Decks by Allison McKnight

Other Decks in Programming

Transcript

  1. “Load time is important, the quicker, the better!” “Looks like

    great improvements to me! Can’t wait to see how other features are going to be optimized! Thanks for working so hard engineering team!” “Cool! Keep up the good work.” Comments
  2. SCANDIPRINTSTUDIO.ETSY.COM UNDERSTANDING PERFORMANCE • You don’t know how fast (or

    slow) your users’ experiences are • You don’t know why your users’ experiences are fast (or slow)
  3. ❤ Metrics ❤ • How is my site’s performance? •

    How is my site’s performance changing? • Where are performance issues coming from?
  4. Metrics • How is my site’s performance? • How is

    my site’s performance changing? • Where are performance issues coming from?
  5. XRAYANN.ETSY.COM Real User Monitoring (RUM) • Timing from real users

    • Represents your user base “How is my site performing for my real users?”
  6. SCANDIPRINTSTUDIO.ETSY.COM • Your organization understands the value of performance •

    You have built infrastructure that helps you understand your site’s performance EMPOWERING TEAMS
  7. 43

  8. 44

  9. 50%

  10. Sonic Search experience performance improvements 2 Make the market page

    more shiny Pages impacted A/B test Negatively impacting 1 page
  11. Performance Budgets Metric How to measure Target Total page load

    time RUM, 95th percentile 2 seconds Speed Index WebPagetest (Dulles, Cable) 1,200 Total page weight - web WebPagetest (signed in) 2000 KB Total page weight - mobile WebPagetest (signed in) 1000 KB
  12. Performance Budgets Metric How to measure Target Total page load

    time RUM, 95th percentile 2 seconds Speed Index WebPagetest (Dulles, Cable) 1,200 Total page weight - web WebPagetest (signed in) 2000 KB Total page weight - mobile WebPagetest (signed in) 1000 KB Current performance Understanding of performance/ business metric link
  13. Performance Budgets Metric How to measure Target Total page load

    time RUM, 95th percentile 2 seconds Speed Index WebPagetest (Dulles, Cable) 1,200 Total page weight - web WebPagetest (signed in) 2000 KB Total page weight - mobile WebPagetest (signed in) 1000 KB Be specific!
  14. Performance Budgets • Make optimizations to the new feature to

    get within budget • Optimize or remove an existing feature to make space • Don’t include the new feature this is okay