SlideShare a Scribd company logo
1 of 60
The hunt for the unicorn*
performance metric
@tameverts
#deltaVconf
*no unicorns were harmed in the making of this talk
@tameverts
CXO • SpeedCurve
WPOstats.com
@tameverts
How do we
scale empathy?
Why care?
“Web stress”
When apps or sites are slow,
we have to concentrate
up to 50% harder to stay on task
@tameverts
The average web user believes they waste
two days a year waiting for pages to load.
@tameverts
Slow websites (and apps) suck
for your visitors
Slow websites (and apps) suck
for your business
@tameverts
BBC loses an additional 10% of users for
every additional second it takes their site to
load
Rebuilding Pinterest pages for performance
resulted in 40% decrease in wait time,
15% increase in SEO traffic, and 15%
increase in signup conversion rate
FT.com reduced desktop load times to 1.5s
and mobile to 2.1s and increased user
engagement by 30%
@tameverts
WPOstats.com
Slow websites (and apps) suck
Define “slow”
Define “suck”
“The real thing we are after is
to create a user experience that
people love and they feel is fast…
and so we might be front-end
engineers, we might be dev,
we might be ops, but what we really
are is perception brokers.”
Steve Souders
@tameverts
But how do we measure
perception… at scale?
@tameverts
TTFB DNS TCP Start render
DOM loading DOM ready Page load Fully loaded
TTI Resource timing
Number of
requests
Bytes in
Speed Index PageSpeed Navigation timing DOM elements
DOM size Visually complete TTFP TTFMP
Load Time
The time from the start of the initial navigation
until the beginning of the window load event
@tameverts
Start Render
The time from the start of the initial navigation
until the first non-white content is painted to the
browser display
@tameverts
SpeedIndex
The average time at which visible parts of the
page are displayed within the viewport
@tameverts
Visually Complete
The time at which all content in the viewport has rendered
and nothing visibly changes as the page finishes loading
@tameverts
@tameverts
@tameverts
❑ Correlates to what users actually see in the browser
❑ Is easy to use and accessible right out of the box
❑ Recognizes that not all pixels and page elements are
equal
❑ Allows us to customize what we measure on specific
pages
@tameverts
The best UX metric…
First Contentful Paint (FCP)
First Contentful Paint is the time when some contentful thing
(text, image, canvas, or SVG) is painted for the first time. It's
used as an approximation of First Meaningful Paint, but it often
catches non-meaningful paints like headers and navigation bars.
https://docs.google.com/document/d/1BR94tJdZLsin5poeet0XoTW60M0SjvOJQttKT-JK8HI/view@tameverts
First Meaningful Paint (FMP)
The paint after which the biggest
above-the-fold layout change has happened
and web fonts have loaded
https://docs.google.com/document/d/1BR94tJdZLsin5poeet0XoTW60M0SjvOJQttKT-JK8HI/view@tameverts
@tameverts
Time to First Interactive (TTFI)
When the page is first expected to be usable and
will respond quickly (with the possibility of slow
responses as more content loads)
https://github.com/WPO-Foundation/webpagetest/blob/master/docs/Metrics/TimeToInteractive.md@tameverts
@tameverts
❑ Correlates to what users actually see in the browser
❑ Is easy to use and accessible right out of the box
❑ Recognizes that not all pixels and page elements are
equal
❑ Allows us to customize what we measure on specific
pages
@tameverts
The best UX metric…
Hero Rendering Times
H1
Largest image
Largest background image
https://speedcurve.com/blog/web-performance-monitoring-hero-times/
@tameverts
@tameverts
@tameverts
@tameverts
❑ Correlates to what users actually see in the browser
❑ Is easy to use and accessible right out of the box
❑ Recognizes that not all pixels and page elements are
equal
❑ Allows us to customize what we measure on specific
pages
@tameverts
The best UX metric…
So which metric is best?
http://lab.speedcurve.com/rendering/picker.php
@tameverts
And the winner is…
(You probably saw that coming.)
Deliver any content?
Start Render
Deliver significant
amount of content?
Speed Index, FMP
Deliver critical content?
Hero Rendering Times
@tameverts
https://speedcurve.com/blog/renderin
g-metrics/
Custom metrics FTW!
Measure performance
with high-precision timestamps,
using both synthetic and real user monitoring
https://www.w3.org/TR/user-timing/
https://speedcurve.com/blog/user-timing-and-custom-metrics/
@tameverts
How long does it
take to display the
main product image
on my site?
@tameverts
Time to First Tweet
The time from clicking the link to viewing
the first tweet on each page’s timeline
Pinner Wait Time (PWT)
The time from initiating an action (e.g.,
tapping a pin) until the action is complete
(pin close-up view is loaded)
Time to Interact (TTI)
@tameverts
@tameverts
❑ Correlates to what users actually see in the browser
❑ Is easy to use and accessible right out of the box
❑ Recognizes that not all pixels and page elements are
equal
❑ Allows us to customize what we measure on specific
pages
@tameverts
The best UX metric…
What next?
1. Know your most meaningful metrics
2. Track them (ideally with synthetic and
RUM)
3. Don’t focus on averages and medians
4. Set goals (e.g., performance budgets)
5. Make yourself accountable (e.g., alerts)
6. Mind regressions
@tameverts
Again…
why should you care?
Between the ages
of 25 and 60,
our ability to use the web
declines by 0.8% a year
Thanks!
@tameverts
tammy@speedcurve.com

More Related Content

What's hot

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
 

What's hot (20)

Continuous Performance Testing and Monitoring in Agile Development
Continuous Performance Testing and Monitoring in Agile DevelopmentContinuous Performance Testing and Monitoring in Agile Development
Continuous Performance Testing and Monitoring in Agile Development
 
2021 Chrome Dev Summit: Web Performance 101
2021 Chrome Dev Summit: Web Performance 1012021 Chrome Dev Summit: Web Performance 101
2021 Chrome Dev Summit: Web Performance 101
 
PAC 2019 virtual Joerek Van Gaalen
PAC 2019 virtual Joerek Van GaalenPAC 2019 virtual Joerek Van Gaalen
PAC 2019 virtual Joerek Van Gaalen
 
How Slow Load Times Hurt Your Bottom Line (And 17 Things You Can Do to Fix It)
How Slow Load Times Hurt Your Bottom Line (And 17 Things You Can Do to Fix It)How Slow Load Times Hurt Your Bottom Line (And 17 Things You Can Do to Fix It)
How Slow Load Times Hurt Your Bottom Line (And 17 Things You Can Do to Fix It)
 
Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...
Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...
Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...
 
Hacking Web Performance
Hacking Web PerformanceHacking Web Performance
Hacking Web Performance
 
W&M's Responsive Design
W&M's Responsive DesignW&M's Responsive Design
W&M's Responsive Design
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App Challenges
 
WordCamp NL 2016
WordCamp NL 2016WordCamp NL 2016
WordCamp NL 2016
 
Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web App
 
Usability of websites
Usability of websitesUsability of websites
Usability of websites
 
Website testing
Website testingWebsite testing
Website testing
 
Mullennax p fwd_w4_presentation5
Mullennax p fwd_w4_presentation5Mullennax p fwd_w4_presentation5
Mullennax p fwd_w4_presentation5
 
Mullennax p fwd_w4_presentation4
Mullennax p fwd_w4_presentation4Mullennax p fwd_w4_presentation4
Mullennax p fwd_w4_presentation4
 
Technology acceleration
Technology accelerationTechnology acceleration
Technology acceleration
 
The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017
 
Website launch plan
Website launch planWebsite launch plan
Website launch plan
 
Selling Performance - Bristol WebPerf Meetup 2017-07-20
Selling Performance - Bristol WebPerf Meetup 2017-07-20Selling Performance - Bristol WebPerf Meetup 2017-07-20
Selling Performance - Bristol WebPerf Meetup 2017-07-20
 
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...
 
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...
 

Similar to The hunt for the unicorn performance metric [DeltaV London 2018]

The Factors For The Website
The Factors For The WebsiteThe Factors For The Website
The Factors For The Website
Julie May
 

Similar to The hunt for the unicorn performance metric [DeltaV London 2018] (20)

Connecting the dots between design, performance and conversion rates [Smashin...
Connecting the dots between design, performance and conversion rates [Smashin...Connecting the dots between design, performance and conversion rates [Smashin...
Connecting the dots between design, performance and conversion rates [Smashin...
 
Real-World Performance Budgets [PerfNow 2022]
Real-World Performance Budgets [PerfNow 2022]Real-World Performance Budgets [PerfNow 2022]
Real-World Performance Budgets [PerfNow 2022]
 
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]
 
Owning Web Performance
Owning Web PerformanceOwning Web Performance
Owning Web Performance
 
17 Web Performance Metrics You Should Care About
17 Web Performance Metrics You Should Care About17 Web Performance Metrics You Should Care About
17 Web Performance Metrics You Should Care About
 
Vital.pptx
Vital.pptxVital.pptx
Vital.pptx
 
Breaking The Broken Web
Breaking The Broken WebBreaking The Broken Web
Breaking The Broken Web
 
Browser Based Performance Testing and Tuning
Browser Based Performance Testing and TuningBrowser Based Performance Testing and Tuning
Browser Based Performance Testing and Tuning
 
How web works and browser works ? (behind the scenes)
How web works and browser works ? (behind the scenes)How web works and browser works ? (behind the scenes)
How web works and browser works ? (behind the scenes)
 
Migrating liverpool.gov.uk to Umbraco
Migrating liverpool.gov.uk to UmbracoMigrating liverpool.gov.uk to Umbraco
Migrating liverpool.gov.uk to Umbraco
 
Demystifying Mobile SEO - 2014 Search Engine Strategies Atlanta Session
Demystifying Mobile SEO - 2014 Search Engine Strategies Atlanta SessionDemystifying Mobile SEO - 2014 Search Engine Strategies Atlanta Session
Demystifying Mobile SEO - 2014 Search Engine Strategies Atlanta Session
 
IRJET- A Personalized Web Browser
IRJET-  	  A Personalized Web BrowserIRJET-  	  A Personalized Web Browser
IRJET- A Personalized Web Browser
 
IRJET- A Personalized Web Browser
IRJET- A Personalized Web BrowserIRJET- A Personalized Web Browser
IRJET- A Personalized Web Browser
 
Architecting RIAs with Silverlight
Architecting RIAs with SilverlightArchitecting RIAs with Silverlight
Architecting RIAs with Silverlight
 
Measuring web performance with user-centric metrics
Measuring web performance with user-centric metricsMeasuring web performance with user-centric metrics
Measuring web performance with user-centric metrics
 
Breaking out of the Tetris mind set #btconf
Breaking out of the Tetris mind set #btconfBreaking out of the Tetris mind set #btconf
Breaking out of the Tetris mind set #btconf
 
Edge 2014: A Modern Approach to Performance Monitoring
Edge 2014: A Modern Approach to Performance MonitoringEdge 2014: A Modern Approach to Performance Monitoring
Edge 2014: A Modern Approach to Performance Monitoring
 
Rachel Costello — The Landscape of Site Speed and Web Vitals
Rachel Costello — The Landscape of Site Speed and Web VitalsRachel Costello — The Landscape of Site Speed and Web Vitals
Rachel Costello — The Landscape of Site Speed and Web Vitals
 
The Factors For The Website
The Factors For The WebsiteThe Factors For The Website
The Factors For The Website
 
Professional web development with libraries
Professional web development with librariesProfessional web development with libraries
Professional web development with libraries
 

More from Tammy Everts

More from Tammy Everts (9)

Using machine learning to determine drivers of bounce and conversion (part 2)
Using machine learning to determine drivers of bounce and conversion (part 2)Using machine learning to determine drivers of bounce and conversion (part 2)
Using machine learning to determine drivers of bounce and conversion (part 2)
 
Using machine learning to determine drivers of bounce and conversion
Using machine learning to determine drivers of bounce and conversionUsing machine learning to determine drivers of bounce and conversion
Using machine learning to determine drivers of bounce and conversion
 
The Small Things That Add Up: How to Find What Design Factors Influence Conve...
The Small Things That Add Up: How to Find What Design Factors Influence Conve...The Small Things That Add Up: How to Find What Design Factors Influence Conve...
The Small Things That Add Up: How to Find What Design Factors Influence Conve...
 
2016 Mobile State of the Union [RWD Summit]
2016 Mobile State of the Union [RWD Summit]2016 Mobile State of the Union [RWD Summit]
2016 Mobile State of the Union [RWD Summit]
 
Metrics, metrics everywhere (but where the heck do you start?)
Metrics, metrics everywhere (but where the heck do you start?)Metrics, metrics everywhere (but where the heck do you start?)
Metrics, metrics everywhere (but where the heck do you start?)
 
2015 State of the Union: Mobile Web Performance
2015 State of the Union: Mobile Web Performance2015 State of the Union: Mobile Web Performance
2015 State of the Union: Mobile Web Performance
 
Metrics, metrics everywhere (but where the heck do you start?)
Metrics, metrics everywhere (but where the heck do you start?)Metrics, metrics everywhere (but where the heck do you start?)
Metrics, metrics everywhere (but where the heck do you start?)
 
Pedal to the Metal: Speed up your load times for more conversions
Pedal to the Metal: Speed up your load times for more conversionsPedal to the Metal: Speed up your load times for more conversions
Pedal to the Metal: Speed up your load times for more conversions
 
State of the Union: Mobile Web Performance
State of the Union: Mobile Web PerformanceState of the Union: Mobile Web Performance
State of the Union: Mobile Web Performance
 

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
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
UXDXConf
 

Recently uploaded (20)

Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
Agentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdfAgentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdf
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through Observability
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
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
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
 
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
 
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
 
Buy Epson EcoTank L3210 Colour Printer Online.pdf
Buy Epson EcoTank L3210 Colour Printer Online.pdfBuy Epson EcoTank L3210 Colour Printer Online.pdf
Buy Epson EcoTank L3210 Colour Printer Online.pdf
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
 
Buy Epson EcoTank L3210 Colour Printer Online.pptx
Buy Epson EcoTank L3210 Colour Printer Online.pptxBuy Epson EcoTank L3210 Colour Printer Online.pptx
Buy Epson EcoTank L3210 Colour Printer Online.pptx
 
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
 
Syngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdfSyngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdf
 
Connecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAKConnecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAK
 
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
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. StartupsPLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
 

The hunt for the unicorn performance metric [DeltaV London 2018]

  • 1. The hunt for the unicorn* performance metric @tameverts #deltaVconf *no unicorns were harmed in the making of this talk
  • 4.
  • 5.
  • 6. How do we scale empathy?
  • 7.
  • 9. “Web stress” When apps or sites are slow, we have to concentrate up to 50% harder to stay on task @tameverts
  • 10. The average web user believes they waste two days a year waiting for pages to load.
  • 12. Slow websites (and apps) suck for your visitors
  • 13. Slow websites (and apps) suck for your business
  • 15. BBC loses an additional 10% of users for every additional second it takes their site to load Rebuilding Pinterest pages for performance resulted in 40% decrease in wait time, 15% increase in SEO traffic, and 15% increase in signup conversion rate FT.com reduced desktop load times to 1.5s and mobile to 2.1s and increased user engagement by 30% @tameverts
  • 17. Slow websites (and apps) suck
  • 20. “The real thing we are after is to create a user experience that people love and they feel is fast… and so we might be front-end engineers, we might be dev, we might be ops, but what we really are is perception brokers.” Steve Souders @tameverts
  • 21. But how do we measure perception… at scale?
  • 23. TTFB DNS TCP Start render DOM loading DOM ready Page load Fully loaded TTI Resource timing Number of requests Bytes in Speed Index PageSpeed Navigation timing DOM elements DOM size Visually complete TTFP TTFMP
  • 24. Load Time The time from the start of the initial navigation until the beginning of the window load event @tameverts
  • 25. Start Render The time from the start of the initial navigation until the first non-white content is painted to the browser display @tameverts
  • 26. SpeedIndex The average time at which visible parts of the page are displayed within the viewport @tameverts
  • 27. Visually Complete The time at which all content in the viewport has rendered and nothing visibly changes as the page finishes loading @tameverts
  • 30. ❑ Correlates to what users actually see in the browser ❑ Is easy to use and accessible right out of the box ❑ Recognizes that not all pixels and page elements are equal ❑ Allows us to customize what we measure on specific pages @tameverts The best UX metric…
  • 31. First Contentful Paint (FCP) First Contentful Paint is the time when some contentful thing (text, image, canvas, or SVG) is painted for the first time. It's used as an approximation of First Meaningful Paint, but it often catches non-meaningful paints like headers and navigation bars. https://docs.google.com/document/d/1BR94tJdZLsin5poeet0XoTW60M0SjvOJQttKT-JK8HI/view@tameverts
  • 32. First Meaningful Paint (FMP) The paint after which the biggest above-the-fold layout change has happened and web fonts have loaded https://docs.google.com/document/d/1BR94tJdZLsin5poeet0XoTW60M0SjvOJQttKT-JK8HI/view@tameverts
  • 34. Time to First Interactive (TTFI) When the page is first expected to be usable and will respond quickly (with the possibility of slow responses as more content loads) https://github.com/WPO-Foundation/webpagetest/blob/master/docs/Metrics/TimeToInteractive.md@tameverts
  • 36. ❑ Correlates to what users actually see in the browser ❑ Is easy to use and accessible right out of the box ❑ Recognizes that not all pixels and page elements are equal ❑ Allows us to customize what we measure on specific pages @tameverts The best UX metric…
  • 37. Hero Rendering Times H1 Largest image Largest background image https://speedcurve.com/blog/web-performance-monitoring-hero-times/ @tameverts
  • 41. ❑ Correlates to what users actually see in the browser ❑ Is easy to use and accessible right out of the box ❑ Recognizes that not all pixels and page elements are equal ❑ Allows us to customize what we measure on specific pages @tameverts The best UX metric…
  • 42. So which metric is best?
  • 44. And the winner is…
  • 45. (You probably saw that coming.)
  • 46. Deliver any content? Start Render Deliver significant amount of content? Speed Index, FMP Deliver critical content? Hero Rendering Times @tameverts
  • 48. Custom metrics FTW! Measure performance with high-precision timestamps, using both synthetic and real user monitoring https://www.w3.org/TR/user-timing/ https://speedcurve.com/blog/user-timing-and-custom-metrics/ @tameverts
  • 49. How long does it take to display the main product image on my site? @tameverts
  • 50. Time to First Tweet The time from clicking the link to viewing the first tweet on each page’s timeline Pinner Wait Time (PWT) The time from initiating an action (e.g., tapping a pin) until the action is complete (pin close-up view is loaded) Time to Interact (TTI) @tameverts
  • 52. ❑ Correlates to what users actually see in the browser ❑ Is easy to use and accessible right out of the box ❑ Recognizes that not all pixels and page elements are equal ❑ Allows us to customize what we measure on specific pages @tameverts The best UX metric…
  • 53.
  • 55. 1. Know your most meaningful metrics 2. Track them (ideally with synthetic and RUM) 3. Don’t focus on averages and medians 4. Set goals (e.g., performance budgets) 5. Make yourself accountable (e.g., alerts) 6. Mind regressions @tameverts
  • 57.
  • 58. Between the ages of 25 and 60, our ability to use the web declines by 0.8% a year
  • 59.

Editor's Notes

  1. PRO: easily measured CON: includes third parties and ATF content
  2. PRO: can be measured with synthetic (benchmarking), ok correlations to biz metrics CON: only measures *start*
  3. PRO: attempts to measure what user sees; works in synthetic CON: gives equal value to every pixel; not mobile friendly
  4. PRO: same as Speed Index CON: too slow
  5. Etsy, Chrome, West Coast
  6. Home Depot, Chrome, West Coast
  7. Amazon, Chrome, West Coast
  8. PRO: extremely precise; used for both synthetic and RUM CON: you need to know your pages; require some expertise to implement and manage