+ All Categories
Home > Technology > RUM Distillation 101 -- Part I

RUM Distillation 101 -- Part I

Date post: 18-May-2015
Category:
Upload: philip-tellis
View: 644 times
Download: 3 times
Share this document with a friend
Description:
Part I of RUM Distillation 101. Part II is by Jonathan Klein available here: http://www.slideshare.net/jnklein/uxfest-performance-a
Popular Tags:
54
Philip Tellis @bluesmoon [email protected] SOASTA boomerang UX Fest 2013 / 2013-10-01 RUM Distillation 101 1
Transcript
Page 1: RUM Distillation 101 -- Part I

• Philip Tellis• @bluesmoon• [email protected]• SOASTA• boomerang

UX Fest 2013 / 2013-10-01 RUM Distillation 101 1

Page 2: RUM Distillation 101 -- Part I

RUM Distillation 101

Philip Tellis / [email protected]

UX Fest 2013 / 2013-10-01

UX Fest 2013 / 2013-10-01 RUM Distillation 101 2

Page 3: RUM Distillation 101 -- Part I

Did you know that most Rum comes from theCaribbean?

UX Fest 2013 / 2013-10-01 RUM Distillation 101 3

Page 4: RUM Distillation 101 -- Part I

But the largest selling Dark Rum in the world isOld Monk

UX Fest 2013 / 2013-10-01 RUM Distillation 101 4

Page 5: RUM Distillation 101 -- Part I

Jean-Antoine Nollet – 1746

UX Fest 2013 / 2013-10-01 RUM Distillation 101 5

Page 6: RUM Distillation 101 -- Part I

Today Measuring the experience of Real Users is notquite as shocking.

UX Fest 2013 / 2013-10-01 RUM Distillation 101 6

Page 7: RUM Distillation 101 -- Part I

Real Users

UX Fest 2013 / 2013-10-01 RUM Distillation 101 7

Page 8: RUM Distillation 101 -- Part I

Real Users

• Get delighted• Get frustrated• Have credit cards• ... that they are attached to• Form an impression from experience

UX Fest 2013 / 2013-10-01 RUM Distillation 101 7

Page 9: RUM Distillation 101 -- Part I

Real Users

• Get delighted• Get frustrated• Have credit cards• ... that they are attached to• Form an impression from experience

UX Fest 2013 / 2013-10-01 RUM Distillation 101 7

Page 10: RUM Distillation 101 -- Part I

Real Users

• Get delighted• Get frustrated• Have credit cards• ... that they are attached to• Form an impression from experience

UX Fest 2013 / 2013-10-01 RUM Distillation 101 7

Page 11: RUM Distillation 101 -- Part I

Real Users

• Get delighted• Get frustrated• Have credit cards• ... that they are attached to• Form an impression from experience

UX Fest 2013 / 2013-10-01 RUM Distillation 101 7

Page 12: RUM Distillation 101 -- Part I

Real Users

• Get delighted• Get frustrated• Have credit cards• ... that they are attached to• Form an impression from experience

UX Fest 2013 / 2013-10-01 RUM Distillation 101 7

Page 13: RUM Distillation 101 -- Part I

What can we measure?

UX Fest 2013 / 2013-10-01 RUM Distillation 101 8

Page 14: RUM Distillation 101 -- Part I

Anything that the user does!

UX Fest 2013 / 2013-10-01 RUM Distillation 101 9

Page 15: RUM Distillation 101 -- Part I

Anything that the user does!(in the browser)

UX Fest 2013 / 2013-10-01 RUM Distillation 101 9

Page 16: RUM Distillation 101 -- Part I

But we really care about performance here. . .

UX Fest 2013 / 2013-10-01 RUM Distillation 101 10

Page 17: RUM Distillation 101 -- Part I

So let’s talk about How

UX Fest 2013 / 2013-10-01 RUM Distillation 101 11

Page 18: RUM Distillation 101 -- Part I

Modern Browsers – no problem

UX Fest 2013 / 2013-10-01 RUM Distillation 101 12

Page 19: RUM Distillation 101 -- Part I

Modern Browsers – no problem

UX Fest 2013 / 2013-10-01 RUM Distillation 101 13

Page 20: RUM Distillation 101 -- Part I

Real Users don’t always use the latest browsers.

UX Fest 2013 / 2013-10-01 RUM Distillation 101 14

Page 21: RUM Distillation 101 -- Part I

So there’s a lot of magic to support the other31.38%

UX Fest 2013 / 2013-10-01 RUM Distillation 101 15

Page 22: RUM Distillation 101 -- Part I

The other 31.38%...

1 Get a timestamp before they leave a page2 Save it in a cookie3 Compare with timestamp when the page loads

UX Fest 2013 / 2013-10-01 RUM Distillation 101 16

Page 23: RUM Distillation 101 -- Part I

The other 31.38%...

1 Get a timestamp before they leave a page2 Save it in a cookie3 Compare with timestamp when the page loads

Then there’s some magic to handle edge-cases

UX Fest 2013 / 2013-10-01 RUM Distillation 101 16

Page 24: RUM Distillation 101 -- Part I

...magic

• What if the user goes off-site between pages?• What if there’s SSL involved?• What about new tab?• What about those strange cases where they leave a page

after they load a new one?• What about those common cases where they open

multiple pages from a search engine but don’t actually lookat them?

UX Fest 2013 / 2013-10-01 RUM Distillation 101 17

Page 25: RUM Distillation 101 -- Part I

But it doesn’t need to be. . .

We put all this magic into boomeranghttp://lognormal.github.com/boomerang/doc/

UX Fest 2013 / 2013-10-01 RUM Distillation 101 18

Page 26: RUM Distillation 101 -- Part I

boomerang

• BSD licensed JavaScript library• Measure load time, bandwidth, latency• DNS lookup time, NavTiming, Connection Type• Page Parameters• And anything else you can write a plugin for

UX Fest 2013 / 2013-10-01 RUM Distillation 101 19

Page 27: RUM Distillation 101 -- Part I

And it beacons all of this back to a predefined URL

UX Fest 2013 / 2013-10-01 RUM Distillation 101 20

Page 28: RUM Distillation 101 -- Part I

So what then?

UX Fest 2013 / 2013-10-01 RUM Distillation 101 21

Page 29: RUM Distillation 101 -- Part I

Are you Ops, F2E or Product?

UX Fest 2013 / 2013-10-01 RUM Distillation 101 22

Page 30: RUM Distillation 101 -- Part I

Spot the datacenter

UX Fest 2013 / 2013-10-01 RUM Distillation 101 23

Page 31: RUM Distillation 101 -- Part I

It’s actually in Nederland

UX Fest 2013 / 2013-10-01 RUM Distillation 101 24

Page 32: RUM Distillation 101 -- Part I

How does bandwidth change around the world?

UX Fest 2013 / 2013-10-01 RUM Distillation 101 25

Page 33: RUM Distillation 101 -- Part I

Did you know that IE7 seems to be faster than IE8?

UX Fest 2013 / 2013-10-01 RUM Distillation 101 26

Page 34: RUM Distillation 101 -- Part I

But that’s mostly IE9 users browsing in IE7compatibility mode.

UX Fest 2013 / 2013-10-01 RUM Distillation 101 27

Page 35: RUM Distillation 101 -- Part I

What does a website’s performance distribution looklike?

UX Fest 2013 / 2013-10-01 RUM Distillation 101 28

Page 36: RUM Distillation 101 -- Part I

That’s my Blog (please visit)

UX Fest 2013 / 2013-10-01 RUM Distillation 101 29

Page 37: RUM Distillation 101 -- Part I

Log-normal distribution

UX Fest 2013 / 2013-10-01 RUM Distillation 101 30

Page 38: RUM Distillation 101 -- Part I

Bimodal distribution

UX Fest 2013 / 2013-10-01 RUM Distillation 101 31

Page 39: RUM Distillation 101 -- Part I

Distributions

• Sparse distribution suggests that you don’t have enoughdata points

• Log-normal distribution is typical• Bi-modal distribution suggests two (or more) distributions

combined

UX Fest 2013 / 2013-10-01 RUM Distillation 101 32

Page 40: RUM Distillation 101 -- Part I

Distributions are interesting, but how does it affectengagement?

UX Fest 2013 / 2013-10-01 RUM Distillation 101 33

Page 41: RUM Distillation 101 -- Part I

Did you know that user patience wrt performance isa cultural thing?

UX Fest 2013 / 2013-10-01 RUM Distillation 101 34

Page 42: RUM Distillation 101 -- Part I

It’s tied both to where a user is from, and also thetype of service.

UX Fest 2013 / 2013-10-01 RUM Distillation 101 35

Page 43: RUM Distillation 101 -- Part I

different types of sites

UX Fest 2013 / 2013-10-01 RUM Distillation 101 36

Page 44: RUM Distillation 101 -- Part I

We borrowed a biological term called LD50 andapplied it to Load Time v/s Bounce Rate

UX Fest 2013 / 2013-10-01 RUM Distillation 101 37

Page 45: RUM Distillation 101 -- Part I

LD50

UX Fest 2013 / 2013-10-01 RUM Distillation 101 38

Page 46: RUM Distillation 101 -- Part I

This helps you fix only the stuff that’s hurting you.

UX Fest 2013 / 2013-10-01 RUM Distillation 101 39

Page 47: RUM Distillation 101 -- Part I

Did you know that users bounce if a page is toofast?

UX Fest 2013 / 2013-10-01 RUM Distillation 101 40

Page 48: RUM Distillation 101 -- Part I

But that’s mostly because error pages are the fastest.

UX Fest 2013 / 2013-10-01 RUM Distillation 101 41

Page 49: RUM Distillation 101 -- Part I

Measure→ Hypothesize→ Test → Fix← Repeat ←↩

UX Fest 2013 / 2013-10-01 RUM Distillation 101 42

Page 50: RUM Distillation 101 -- Part I

What delighted users a few years ago is now anexpected baseline, the absence of which will frustrate

them.

UX Fest 2013 / 2013-10-01 RUM Distillation 101 43

Page 51: RUM Distillation 101 -- Part I

Changing Expectations

UX Fest 2013 / 2013-10-01 RUM Distillation 101 44

Page 52: RUM Distillation 101 -- Part I

Thank You!Questions?

UX Fest 2013 / 2013-10-01 RUM Distillation 101 45

Page 53: RUM Distillation 101 -- Part I

• Philip Tellis• @bluesmoon• [email protected]• www.SOASTA.com• boomerang• LogNormal Blog

UX Fest 2013 / 2013-10-01 RUM Distillation 101 46

Page 54: RUM Distillation 101 -- Part I

Image Credits

• Jean-Antoine Nollethttp://en.wikipedia.org/wiki/Jean-Antoine_Nollet

• New York Times Olympic Medal Winnershttp://www.nytimes.com/interactive/2012/08/05/sports/olympics/the-100-meter-dash-one-race-every-medalist-ever.html

UX Fest 2013 / 2013-10-01 RUM Distillation 101 47


Recommended