SlideShare a Scribd company logo
Introduction to User Experience Monitoring
Barcelona Web Performance Meetup | March 14th 2016
Daniel Khan | @dkhan
@dkhan
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
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
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Time To First Byte
Introduction to User Experience Monitoring
Request
1 Byte
Cache
Cache
Uncached
Cached
Start Render
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
• Move <script> tags to the bottom of the page
• Inlining css and JavaScript
• Loading JavaScript asynchronous <script src=“hello.js” async>
To Prevent Blocking
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Compress Transfer?
Introduction to User Experience Monitoring
Cache Static Assets?
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
2010
2015
http://searchengineland.com/google-testing-red-slow-label-search-results-slower-sites-215483
Future
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
www.bva-auctions.com
Lots to offer
Results
Real
User
33%
Bot
67%
Differences in bot behavior
3
8
Introduction to User Experience Monitoring
How to Measure
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
How to Monitor
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
I show you …
the fastest page on
any given website!
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
By the way …
Welcome to 2016
0 2.0s 8.0s
(4 x 2.0s)
Satisfie
d
Tolerating Frustrated
Page Load Times
Introduction to User Experience Monitoring
Action
Reaction
User Action Timings
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
I’m sorry, Dave …
Add to Cart
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Introduction to User Experience Monitoring
Meet the User Experience Index
Satisfied Tolerating Frustrated
User Experience Index
APDEX Errors
User BehaviorUser Environment
Introduction to User Experience Monitoring
Try it out!
Introduction to User Experience Monitoring
• Daniel Khan
• @dkhan
Q&A

More Related Content

Introduction to User Experience Monitoring

Editor's Notes

  1. Speaking about Node.js let’s outline what this talk is about. When ever there’s bad press about Node.js it’s about performance problems. Here are two examples.
  2. Document Request = TTFB?
  3. https://developers.google.com/speed/pagespeed/insights/?url=apmblog.dynatrace.com&tab=mobile
  4. https://demo.live.ruxit.com/#uemapplications/uemperformanceoverview;uemapplicationId=APPLICATION-7324C7EE41CC3273 Problem 190
  5. https://awu98937.live.ruxit.com/#uemperformanceoverview;uemapplicationId=APPLICATION-EA7C4B59F27D43EB;visiblepart=third-party
  6. https://dynatrace.demo.compuware.com:9911/index.jsp#visits-list;history=user-satisfaction;filter=W3sidXgiOnsidXNlckV4cGVyaWVuY2UiOiJGUlVTVFJBVEVEIiwgInVzZXJFeHBlcmllbmNlUmVhc29uIjoiRlJVU1RSQVRFRF9FUlJPUiJ9LCAiYyI6IiNkYzE3MmEiLCAicyI6NH1d