User experience and web performance are among the best indicators of business outcomes. Yet when we think about web performance, it’s easy to fall into an abyss of metrics. TCP connection, TTFB, start render, PageSpeed and YSlow scores... these metrics are all useful and necessary, but they’re just a means to an end: user experience.
In this keynote at Velocity 2017, I walk through a brief history of UX and web performance research, highlighting key studies that connect the dots between performance and user experience and sharing some educated guesses about new metrics that are just around the corner. We still have so much to learn. Some day we’ll laugh at how much we assumed and how little we actually knew. But if we stay on course, we’ll get there.
9. “Oh… pity the hyper-impatient web
generation. Such busy lives with so
many important things to do — like post
the latest drivel onto their Facebook
pages or download the YouTube viral
video of the day. Oops, sorry — of the
minute.”
Reader comment
“For Impatient Web Users, an Eye Blink Is Too Long to Wait”
The New York Times
10. The average web user believes they waste
two days a year waiting for pages to load.
11. “Web stress”
When apps or sites are slow,
we have to concentrate
up to 50% harder to stay on task.
CA Technologies, 2011
12.
13.
14. “Phone rage”: How people react to slow sites
Tealeaf / Harris Interactive, 2011
19. “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
20. TTFB DNS TCP Start render
DOM loading DOM ready Page load Fully loaded
TTI Resource timing Requests Bytes in
Speed Index PageSpeed Navigation timing DOM elements
DOM size Visually complete TTFP TTFMP
23. How long does it
take to display the
main product image
on my site?
24. measure aggregate times to get
“above the fold” time
http://blog.patrickmeenan.com/2013/07/measuring-performance-
of-user-experience.html
measure hero image delay
http://www.stevesouders.com/blog/2015/05/12/hero-image-custom-metrics/
26. 65% of seniors use the internet.
Users aged 65 and older
are 43% slower at using websites
than users aged 21-55.
Between the ages of 25 and 60,
our ability to use the web
declines by 0.8% a year.
Nielsen Norman Group, 2013
31. 1 User behavior is context sensitive and always
changing.
2 There is no unicorn metric.
3 You can’t understand what you don’t measure.
4 You can’t measure what you don’t understand.
5 Performance is a team effort.
6 Small changes can make a big difference.
Velocity 2009 – San Jose
Steve – hands on performance analysis
Nicholas Zakas – writing efficient JS
Nicole Sullivan – how engineering and design combine to slow down your site
Bryan McQuade – how PageSpeed works