Successfully reported this slideshow.
Your SlideShare is downloading. ×

Performance culture through the looking-glass - performance.now() 2022

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 57 Ad

Performance culture through the looking-glass - performance.now() 2022

Download to read offline

It’s 2022 and highly skilled engineering teams are yet to be immune against seasonal web performance regressions. Is performance a particularly tricky discipline – or is it a cultivated frame of mind?

At performance.now() 2022, I drew from collective reflections and my own experience, to plate up the tastiest morsels of food for thought on topics like:

* Speed ≈ money
* Fostering (and scaling) a strong performance culture
* Embracing apoptosis

This was about helping organizations to wrangle that tricky beast: sustainable web performance optimization.

It’s 2022 and highly skilled engineering teams are yet to be immune against seasonal web performance regressions. Is performance a particularly tricky discipline – or is it a cultivated frame of mind?

At performance.now() 2022, I drew from collective reflections and my own experience, to plate up the tastiest morsels of food for thought on topics like:

* Speed ≈ money
* Fostering (and scaling) a strong performance culture
* Embracing apoptosis

This was about helping organizations to wrangle that tricky beast: sustainable web performance optimization.

Advertisement
Advertisement

More Related Content

Recently uploaded (20)

Advertisement

Performance culture through the looking-glass - performance.now() 2022

  1. 1. @doramilitaru
  2. 2. performance
  3. 3. “Users really respond to speed.” — Marissa Mayer In Search of... A better, faster, stronger Web (Velocity '09) – youtu.be/WFsQvcdmLxc
  4. 4. wpostats.com “Swappie reduced load time by 23%, LCP by 55%, CLS by 91% and FID by 90% and saw a 42% increase in mobile revenue and a 10 pp increase in relative mobile conversion rate.” #revenue .#conversion rate .#2021. BBQ?
  5. 5. A site’s carbon impact as part of #webperf! — Robin Osborne What Does My Site Cost [users]? — Tim Kadlec WWW: World Wide Web, not Wealthy Westerners' Web — Bruce Lawson
  6. 6. 1998 [!]
  7. 7. RUM Archive WebPerfWG
  8. 8. “40% of large brands regress on web performance within 6 months.” — Katie Hempenius, Addy Osmani Speed At Scale (I/O '19) – youtu.be/YJGCZCaIZkQ
  9. 9. designingforperformance.com/changing-culture “The largest hurdle to creating and maintaining stellar site performance is the culture of your organization.” — Lara Hogan
  10. 10. 1. Top-down support 2. Data-driven 3. Clear targets 4. Automation 5. Knowledge sharing 6. Culture of experimentation 7. User focused, not tool focused timkadlec.com/remembers/2019-05-30-performance-culture-characteristics — Tim Kadlec Characteristics of a strong performance culture:
  11. 11. a management maturity model for performance infrequently.org/2022/05/performance-management-maturity — Alex Russell
  12. 12. value of performance locus of control tools users reactive tactical cultural operational strategic understanding of user needs understanding of systems sustainability
  13. 13. photo by matt c
  14. 14. speed
  15. 15. 🔥 🔍 🛠 🎉 fire noticeable performance degradation investigation data points & metrics remediation time, pain & stress celebration relief & extra dashboards ad infinitum confidence
  16. 16. "the system is up/down" "they're leaving" ⭐⭐⭐⭐⭐ system users ⭐⭐⭐⭐⭐
  17. 17. preparation identification containment eradication recovery lessons sans.org/media/score/504-incident-response-cycle.pdf 🔥 🔍 🛠 🎉 ☠📉 📈 󰡰󰙪
  18. 18. core web vitals LCP (largest contentful paint) 2.5s 4s 100ms 300ms FID (first input delay) 0.1 0.25 CLS (cumulative layout shift) loading performance interactivity visual stability
  19. 19. inconsistent velocity retention
  20. 20. photo by dan meyers
  21. 21. speed
  22. 22. "the system is complex and must be investigated" "the average user…" ⭐⭐⭐⭐⭐ system users ⭐⭐⭐⭐⭐
  23. 23. first contentful paint time to interactive total blocking time largest contentful paint cumulative layout shift time to first byte start render speed index first input delay interaction to next paint first CPU idle first meaningful paint total bytes DOM content loaded navigationStart unloadEventStart unloadEventEnd redirectStart redirectEnd workerStart fetchStart domainLookupStart domainLookupEnd connectStart connectEnd secureConnectionStart requestStart responseStart responseEnd domLoading domInteractive domContentLoadedEventStart domContentLoadedEventEnd domComplete loadEventStart loadEventEnd
  24. 24. slideshare.net/tammyeverts/realworld-performance-budgets-perfnow-2022
  25. 25. “We can now afford ~100KiB of HTML/CSS/fonts and ~300-350KiB of JS (gzipped).” — Alex Russell in 2021 infrequently.org/2021/03/the-performance-inequality-gap
  26. 26. fog of measurements incidental collection meaningful metrics continual reporting discovery knowledge
  27. 27. a11y security o11y privacy design testability performance
  28. 28. product success data protecting the commons lab ≉ field business value shared ownership
  29. 29. waning focus product pressure
  30. 30. photo by ousa chea
  31. 31. speed
  32. 32. "at the outlying parts of the distribution, the system behaves…" "the marginal user…" ⭐⭐⭐⭐⭐ system users ⭐⭐⭐⭐⭐
  33. 33. article paywall limited time offer payment registration f(Δv)
  34. 34. 0 1 2 3 4 5 6 7 0K 4K 8K 12K 16K 50th (median) 75th 2.521s 1.845s 95th 5.207s LCP average 2.4s
  35. 35. RUM + experimentation reducing variance low-noise lab conditions
  36. 36. lab ≉ field tunnel vision
  37. 37. photo by alexandra lazarescu
  38. 38. speed
  39. 39. "individually innocuous changes add up to a slow bleed" "important user flows" ⭐⭐⭐⭐⭐ system users ⭐⭐⭐⭐⭐
  40. 40. 🚀 quality gate blocks changes that tank performance branch commits PR review merge field + lab
  41. 41. continuous monitoring performance budgets performance team reward people reactive remediation hype train silver bullets kellanem.com/notes/new-tech
  42. 42. featuritis "In every successful product there lurks the carrier of an insidious disease called 'featuritis'*, with its main symptom being 'creeping featurism'." *John Mashey (early UNIX developer, Bell Labs, 1976)
  43. 43. anc. Gr.: ἀπόπτωσις, lit. ''falling off': an ordered and orchestrated process of programmed cell death that occurs in multicellular organisms software apoptosis matt.chadburn.co.uk/notes/apoptosis.html
  44. 44. leadership turnover hiring / promoting the wrong people
  45. 45. photo by nasa
  46. 46. speed
  47. 47. "mastery: best possible outcomes in essential flows" "faster is better, but only when it serves user needs" ⭐⭐⭐⭐🐴 system users ⭐⭐⭐⭐🐴
  48. 48. empowered to say no advocate internally + externally performance as a differentiator way of working > single optimisation earned through product success fast ≠ free but it has cumulative value performance evangelism latency budgets intelligent trade-offs competitive benchmarking culture = strategic asset business support
  49. 49. great experiences consistent quality cultural norms training guardrails
  50. 50. political pressure failure to reward continual improvement maintaining culture + value + system health
  51. 51. reactive tactical cultural operational strategic understanding of users mastery of systems value of performance sustainability recap
  52. 52. Do we understand how better performance would improve our business? What constraints have we given the team? Have we developed a management fluency with histograms and distributions over time? What support do we give teams that want to improve performance? What support do we give mid-level managers who push back on shiny tech in favour of better performance? Have we planned to staff a performance infrastructure team? infrequently.org/2022/05/performance-management-maturity
  53. 53. CREDITS: Icons by Flaticon, vectors by Freepik GIFs by Giphy, and images by Unsplash thanks! keep in touch, will you? @doramilitaru dmilitaru@fastly.com #perfnow

×