RUM Distillation 101 -- Part I

Post on 18-May-2015

644 views 3 download

Tags:

description

Part I of RUM Distillation 101. Part II is by Jonathan Klein available here: http://www.slideshare.net/jnklein/uxfest-performance-a

transcript

• Philip Tellis• @bluesmoon• philip@bluesmoon.info• SOASTA• boomerang

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

RUM Distillation 101

Philip Tellis / philip@bluesmoon.info

UX Fest 2013 / 2013-10-01

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

Did you know that most Rum comes from theCaribbean?

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

But the largest selling Dark Rum in the world isOld Monk

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

Jean-Antoine Nollet – 1746

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

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

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

Real Users

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

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

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

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

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

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

What can we measure?

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

Anything that the user does!

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

Anything that the user does!(in the browser)

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

But we really care about performance here. . .

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

So let’s talk about How

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

Modern Browsers – no problem

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

Modern Browsers – no problem

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

Real Users don’t always use the latest browsers.

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

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

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

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

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

...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

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

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

And it beacons all of this back to a predefined URL

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

So what then?

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

Are you Ops, F2E or Product?

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

Spot the datacenter

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

It’s actually in Nederland

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

How does bandwidth change around the world?

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

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

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

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

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

What does a website’s performance distribution looklike?

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

That’s my Blog (please visit)

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

Log-normal distribution

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

Bimodal distribution

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

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

Distributions are interesting, but how does it affectengagement?

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

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

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

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

different types of sites

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

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

LD50

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

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

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

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

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

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

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

Measure→ Hypothesize→ Test → Fix← Repeat ←↩

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

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

Changing Expectations

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

Thank You!Questions?

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

• Philip Tellis• @bluesmoon• philip@bluesmoon.info• www.SOASTA.com• boomerang• LogNormal Blog

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

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