Introduction to User Experience Monitoring
Barcelona Web Performance Meetup | March 14th 2016
Daniel Khan | @dkhan
@dkhan
The Spiral of Death
Slow Response Times
Page Errors
Bad Usability
Decreased Sales
Increased Bounce Rates
Decreased Number of Visitors
Bad Search Engine Rank
Frustrated Users
Bad Press and Feedback
Increased Support / Maintenance
Let’s aim for Speed
Time To First Byte
Request
1 Byte
Cach
e
Cach
e
Uncached
Cached
Start Render
• Move <script> tags to the bottom of the page• Inlining css and JavaScript• Loading JavaScript asynchronous <script src=“hello.js” async>
To Prevent Blocking
Compress Transfer?
Cache Static Assets?
2010
2015
http://searchengineland.com/google-testing-red-slow-label-search-results-slower-sites-215483
Future
Differences in bot behavior
38
How to Measure
How to Monitor
I show you …the fastest page on any given website!
By the way …Welcome to 2016
0 2.0s 8.0s(4 x 2.0s)
Satisfied
Tolerating Frustrated
Page Load Times
Action
Reaction
User Action Timings
I’m sorry, Dave …
Add to Cart BROKEN
Last Action is the Key Indicator
Meet the User Experience Index
Satisfied Tolerating Frustrated
User Experience Index
APDEX Errors
User BehaviorUser Environment
Try it out!
• Daniel Khan• @dkhan
Q&A