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

www.bva-auctions.com

Lots to offerResults

Real User33%

Bot67%

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