SlideShare a Scribd company logo
1 of 57
Download to read offline
@doramilitaru
performance
“Users really respond
to speed.”
— Marissa Mayer
In Search of... A better, faster, stronger Web (Velocity '09) – youtu.be/WFsQvcdmLxc
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?
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
1998 [!]
RUM Archive
WebPerfWG
“40% of large brands
regress on web performance
within 6 months.”
— Katie Hempenius, Addy Osmani
Speed At Scale (I/O '19) – youtu.be/YJGCZCaIZkQ
designingforperformance.com/changing-culture
“The largest hurdle to creating and
maintaining stellar site
performance is the
culture of your organization.”
— Lara Hogan
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:
a management
maturity model for
performance
infrequently.org/2022/05/performance-management-maturity
— Alex Russell
value of
performance
locus of control
tools
users
reactive
tactical
cultural
operational
strategic
understanding of
user needs
understanding of
systems
sustainability
photo by matt c
speed
🔥 🔍 🛠 🎉
fire
noticeable
performance
degradation
investigation
data points
& metrics
remediation
time, pain
& stress
celebration
relief
& extra dashboards
ad infinitum confidence
"the system is up/down"
"they're leaving"
⭐⭐⭐⭐⭐
system
users ⭐⭐⭐⭐⭐
preparation identification containment eradication recovery lessons
sans.org/media/score/504-incident-response-cycle.pdf
🔥 🔍 🛠 🎉 ☠📉
📈
󰡰󰙪
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
inconsistent velocity
retention
photo by dan meyers
speed
"the system is complex and must be investigated"
"the average user…"
⭐⭐⭐⭐⭐
system
users ⭐⭐⭐⭐⭐
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
slideshare.net/tammyeverts/realworld-performance-budgets-perfnow-2022
“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
fog of
measurements
incidental
collection
meaningful
metrics
continual
reporting
discovery knowledge
a11y
security
o11y
privacy
design
testability
performance
product success
data
protecting the
commons
lab ≉ field
business value
shared ownership
waning focus
product pressure
photo by ousa chea
speed
"at the outlying parts of the distribution, the system behaves…"
"the marginal user…"
⭐⭐⭐⭐⭐
system
users ⭐⭐⭐⭐⭐
article
paywall
limited time offer
payment
registration
f(Δv)
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
RUM +
experimentation
reducing
variance
low-noise
lab conditions
lab ≉ field
tunnel vision
photo by alexandra lazarescu
speed
"individually innocuous changes add up to a slow bleed"
"important user flows"
⭐⭐⭐⭐⭐
system
users ⭐⭐⭐⭐⭐
🚀
quality
gate
blocks changes that
tank performance
branch commits PR review merge
field + lab
continuous
monitoring
performance
budgets
performance
team
reward
people
reactive
remediation
hype
train
silver
bullets
kellanem.com/notes/new-tech
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)
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
leadership turnover
hiring / promoting the wrong people
photo by nasa
speed
"mastery: best possible outcomes in essential flows"
"faster is better, but only when it serves user needs"
⭐⭐⭐⭐🐴
system
users ⭐⭐⭐⭐🐴
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
great
experiences
consistent
quality
cultural norms
training
guardrails
political pressure
failure to reward continual
improvement
maintaining culture + value +
system health
reactive
tactical
cultural
operational
strategic
understanding of users
mastery of systems
value of performance
sustainability
recap
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
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

More Related Content

What's hot

What's hot (20)

Web vitals
Web vitalsWeb vitals
Web vitals
 
Core Web Vitals Optimization for any website, especially WordPress
Core Web Vitals Optimization for any website, especially WordPressCore Web Vitals Optimization for any website, especially WordPress
Core Web Vitals Optimization for any website, especially WordPress
 
Core Web Vitals - The Modern Web Experience
Core Web Vitals - The Modern Web ExperienceCore Web Vitals - The Modern Web Experience
Core Web Vitals - The Modern Web Experience
 
A (Fairly) Complete Guide to Performance Budgets [SmashingConf SF 2023]
A (Fairly) Complete Guide to Performance Budgets [SmashingConf SF 2023]A (Fairly) Complete Guide to Performance Budgets [SmashingConf SF 2023]
A (Fairly) Complete Guide to Performance Budgets [SmashingConf SF 2023]
 
Google Core Web Vitals - Webinar
Google Core Web Vitals - WebinarGoogle Core Web Vitals - Webinar
Google Core Web Vitals - Webinar
 
Core Web Vitals: Google New Ranking Factor
Core Web Vitals: Google New Ranking FactorCore Web Vitals: Google New Ranking Factor
Core Web Vitals: Google New Ranking Factor
 
Brian Balfour: Building A Growth Machine
Brian Balfour: Building A Growth MachineBrian Balfour: Building A Growth Machine
Brian Balfour: Building A Growth Machine
 
Analytic Tool Hotjar - Capability
Analytic Tool Hotjar - CapabilityAnalytic Tool Hotjar - Capability
Analytic Tool Hotjar - Capability
 
Practical SEO for Developers - An Introduction
Practical SEO for Developers - An IntroductionPractical SEO for Developers - An Introduction
Practical SEO for Developers - An Introduction
 
Search engine optimization (seo)
Search engine optimization (seo)Search engine optimization (seo)
Search engine optimization (seo)
 
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022
 
Programmatic SEO: How to Dominate SEO Like TripAdvisor, Yelp and Zillow
Programmatic SEO: How to Dominate SEO Like TripAdvisor, Yelp and ZillowProgrammatic SEO: How to Dominate SEO Like TripAdvisor, Yelp and Zillow
Programmatic SEO: How to Dominate SEO Like TripAdvisor, Yelp and Zillow
 
Enhancing SEO Content Writing with AI: Opportunities & Challenges
Enhancing SEO Content Writing with AI: Opportunities & ChallengesEnhancing SEO Content Writing with AI: Opportunities & Challenges
Enhancing SEO Content Writing with AI: Opportunities & Challenges
 
News SEO: Why we’ve de commissioned AMP - Brighton SEO September 2021
News SEO: Why we’ve de commissioned AMP - Brighton SEO September 2021News SEO: Why we’ve de commissioned AMP - Brighton SEO September 2021
News SEO: Why we’ve de commissioned AMP - Brighton SEO September 2021
 
Web Page Speed - A Most Important Feature
Web Page Speed - A Most Important FeatureWeb Page Speed - A Most Important Feature
Web Page Speed - A Most Important Feature
 
How to build effective SEO teams from scratch - SMXL (Milan) 2021
How to build effective SEO teams from scratch - SMXL (Milan) 2021How to build effective SEO teams from scratch - SMXL (Milan) 2021
How to build effective SEO teams from scratch - SMXL (Milan) 2021
 
Web vitals are vitals - Aymen Loukil
Web vitals are vitals  - Aymen LoukilWeb vitals are vitals  - Aymen Loukil
Web vitals are vitals - Aymen Loukil
 
Introduction core web vitals
Introduction core web vitalsIntroduction core web vitals
Introduction core web vitals
 
How To Get a 100% Lighthouse Performance Score
How To Get a 100% Lighthouse Performance Score How To Get a 100% Lighthouse Performance Score
How To Get a 100% Lighthouse Performance Score
 
Decoupled Days 2019: Delivering Headless Commerce
Decoupled Days 2019: Delivering Headless CommerceDecoupled Days 2019: Delivering Headless Commerce
Decoupled Days 2019: Delivering Headless Commerce
 

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

Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
Katie Sylor-Miller
 
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Katie Sylor-Miller
 
Couchbase overview033113long
Couchbase overview033113longCouchbase overview033113long
Couchbase overview033113long
Jeff Harris
 
Couchbase overview033113long
Couchbase overview033113longCouchbase overview033113long
Couchbase overview033113long
Jeff Harris
 
Web Performance 101 - Gil Givati
Web Performance 101 - Gil GivatiWeb Performance 101 - Gil Givati
Web Performance 101 - Gil Givati
Mika Josting
 
The Next Generation IT Department MUST HAVE CLOUD
The Next Generation IT Department MUST HAVE CLOUDThe Next Generation IT Department MUST HAVE CLOUD
The Next Generation IT Department MUST HAVE CLOUD
Rackspace
 

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

How fast are we going now?
How fast are we going now?How fast are we going now?
How fast are we going now?
 
Deploy Faster Without Failing Faster - Metrics-Driven - Dynatrace User Groups...
Deploy Faster Without Failing Faster - Metrics-Driven - Dynatrace User Groups...Deploy Faster Without Failing Faster - Metrics-Driven - Dynatrace User Groups...
Deploy Faster Without Failing Faster - Metrics-Driven - Dynatrace User Groups...
 
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
 
Cvcc performance tuning
Cvcc performance tuningCvcc performance tuning
Cvcc performance tuning
 
Storage Systems for High Scalable Systems Presentation
Storage Systems for High Scalable Systems PresentationStorage Systems for High Scalable Systems Presentation
Storage Systems for High Scalable Systems Presentation
 
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
 
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018
 
Couchbase overview033113long
Couchbase overview033113longCouchbase overview033113long
Couchbase overview033113long
 
Couchbase overview033113long
Couchbase overview033113longCouchbase overview033113long
Couchbase overview033113long
 
Tech Talk: Leverage the combined power of CA Unified Infrastructure Managemen...
Tech Talk: Leverage the combined power of CA Unified Infrastructure Managemen...Tech Talk: Leverage the combined power of CA Unified Infrastructure Managemen...
Tech Talk: Leverage the combined power of CA Unified Infrastructure Managemen...
 
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger BartelWeb Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
 
How slow load times hurt UX (and what you can do about it) [FluentConf 2016]
How slow load times hurt UX (and what you can do about it) [FluentConf 2016]How slow load times hurt UX (and what you can do about it) [FluentConf 2016]
How slow load times hurt UX (and what you can do about it) [FluentConf 2016]
 
Анатолий Кулаков «The Metrix has you…»
Анатолий Кулаков «The Metrix has you…»Анатолий Кулаков «The Metrix has you…»
Анатолий Кулаков «The Metrix has you…»
 
Synthetic and RUM - Best of bo
Synthetic and RUM - Best of boSynthetic and RUM - Best of bo
Synthetic and RUM - Best of bo
 
Web Performance 101 - Gil Givati
Web Performance 101 - Gil GivatiWeb Performance 101 - Gil Givati
Web Performance 101 - Gil Givati
 
Wait! What’s going on inside my database? (PASS 2023 Update)
Wait! What’s going on inside my database? (PASS 2023 Update)Wait! What’s going on inside my database? (PASS 2023 Update)
Wait! What’s going on inside my database? (PASS 2023 Update)
 
What can Bioinformaticians learn from YouTube?
What can Bioinformaticians learn from YouTube?What can Bioinformaticians learn from YouTube?
What can Bioinformaticians learn from YouTube?
 
The Next Generation IT Department MUST HAVE CLOUD
The Next Generation IT Department MUST HAVE CLOUDThe Next Generation IT Department MUST HAVE CLOUD
The Next Generation IT Department MUST HAVE CLOUD
 
Web Performance BootCamp 2013
Web Performance BootCamp 2013Web Performance BootCamp 2013
Web Performance BootCamp 2013
 
Scaling Your Architecture for the Long Term
Scaling Your Architecture for the Long TermScaling Your Architecture for the Long Term
Scaling Your Architecture for the Long Term
 

Recently uploaded

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Peter Udo Diehl
 

Recently uploaded (20)

Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
 
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101
 
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through Observability
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxUnpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties ReimaginedEasier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 
Syngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdfSyngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdf
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
Portal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russePortal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russe
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 

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