Top Banner
Speed: The ‘Forgotten’ Conversion Factor @AndyDavies NCC Group May 2017 https://www.flickr.com/photos/josepina/286052072/
46

Speed: The 'Forgotten' Conversion Factor

Jan 22, 2018

Download

Technology

Andy Davies
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Speed: The 'Forgotten' Conversion Factor

Speed: The ‘Forgotten’ Conversion Factor @AndyDavies NCC Group May 2017

https://www.flickr.com/photos/josepina/286052072/

Page 2: Speed: The 'Forgotten' Conversion Factor

How we commonly think of conversions…

https://www.flickr.com/photos/z0/19814021505

Page 3: Speed: The 'Forgotten' Conversion Factor

But in reality ‘conversions’ come in many forms

https://www.flickr.com/photos/lb1gb/2579266652

Page 4: Speed: The 'Forgotten' Conversion Factor

It’s not just about getting visitors to buy things!

- sign ups / subscriptions - completing tasks - clicking on adverts - sharing things - finding a store / restaurant

Page 5: Speed: The 'Forgotten' Conversion Factor

Many things affect conversion

https://www.flickr.com/photos/nelc/1208393486

Page 6: Speed: The 'Forgotten' Conversion Factor

Conversion varies by Landing Page1

2

3

4

5

6

7

8

9

10

Bounce & Conversion Rate

0% 5% 10% 15% 20% 25% 30% 35% 40% 45%

Conversion RateBounce Rate

Page 7: Speed: The 'Forgotten' Conversion Factor

And by device too…iPhone 6/7

iPhone 5/5s

iPad

iPhone 6/7 Plus

Galaxy S6

Galaxy S7 Edge

Galaxy S7

Galaxy S6 Edge

Galaxy S5

Galaxy A3

Conversion / Bounce Rate

0% 5% 10% 15% 20% 25% 30% 35% 40% 45%

Conversion RateBounce Rate

Page 8: Speed: The 'Forgotten' Conversion Factor

Con

vers

ion

Rat

e

0%

5%

10%

15%

20%

Screen Area (‘000 Pixels)

0 1,000 2,000 3,000 4,000

DesktopMobileTablet

And maybe even by screen size?

Page 9: Speed: The 'Forgotten' Conversion Factor

Con

vers

ion

Rat

e

0%

5%

10%

15%

20%

Screen Area (‘000 Pixels)

0 1,000 2,000 3,000 4,000

DesktopMobileTablet

But revenue can be heavily skewed

Page 10: Speed: The 'Forgotten' Conversion Factor

So how does Speed affect Conversion?

Page 11: Speed: The 'Forgotten' Conversion Factor

Impr

essi

ons

0

10,000

20,000

30,000

40,000

50,000

60,000

Page Load Time (s)

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

DesktopMobileTablet

Different visitors have different experiences…

Page 12: Speed: The 'Forgotten' Conversion Factor

Impr

essi

ons

0

10,000

20,000

30,000

40,000

50,000

60,000

Page Load Time (s)

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

DesktopMobileTablet

50%50%

And many of them are having slow ones

Page 13: Speed: The 'Forgotten' Conversion Factor

Con

vers

ion

Rat

e

0%

1%

2%

3%

4%

5%

6%

Boun

ce R

ate

0%

20%

40%

60%

80%

100%

Page Load Time (s)

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

Bounce RateConversion Rate

It affects Conversion and Bounce Rates

Page 14: Speed: The 'Forgotten' Conversion Factor

Con

vers

ion

Rat

e

0%

1%

2%

3%

4%

5%

6%

Boun

ce R

ate

0%

20%

40%

60%

80%

100%

Page Load Time (s)

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

Bounce RateConversion Rate

It affects Conversion and Bounce RatesConversion Rate drops by 1% over

3 seconds

Page 15: Speed: The 'Forgotten' Conversion Factor

Boun

ce R

ate

0%

25%

50%

75%

100%

Page Load Time (s)

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

DesktopMobileTablet

Of course Bounce Rate varies by device type

Page 16: Speed: The 'Forgotten' Conversion Factor

Con

vers

ion

Rat

es

0%

2%

4%

6%

8%

Page Load Time (s)

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

DesktopMobileTablet

As does Conversion Rate too

Page 17: Speed: The 'Forgotten' Conversion Factor

Boun

ce R

ate

0%

25%

50%

75%

100%

Page Load Time (s)

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

Site 1Site 2Site 3

Every site has a different Bounce Rate profile

Page 18: Speed: The 'Forgotten' Conversion Factor

Con

vers

ion

Rat

e

0%

2.5%

5%

7.5%

10%

Page Load Time (s)

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

Site 1Site 3Site 4

And yup… Conversion Rate curves vary between sites too

Lower end of range can be very noisy

Page 19: Speed: The 'Forgotten' Conversion Factor

‘OK, I’m convinced but…’

Page 20: Speed: The 'Forgotten' Conversion Factor

How do I convince everyone else?

https://www.flickr.com/photos/text100/8265351472

Page 21: Speed: The 'Forgotten' Conversion Factor

Case studies are a great place to start

https://wpostats.com

Page 22: Speed: The 'Forgotten' Conversion Factor

But there’s nothing better than having something made to measure

https://www.flickr.com/photos/fronx/2862975043

Page 23: Speed: The 'Forgotten' Conversion Factor

Interlude

Page 24: Speed: The 'Forgotten' Conversion Factor

https://www.youtube.com/watch?v=aHSUp7msCIE

Vs

iPhone 6 on WiFi

Page 25: Speed: The 'Forgotten' Conversion Factor

https://www.youtube.com/watch?v=aHSUp7msCIE

Vs

iPhone 6 on WiFi

Page 26: Speed: The 'Forgotten' Conversion Factor

https://www.youtube.com/watch?v=aHSUp7msCIE

Vs

iPhone 6 on WiFi

Page 27: Speed: The 'Forgotten' Conversion Factor

https://www.youtube.com/watch?v=aHSUp7msCIE

Vs

iPhone 6 on WiFi

Page 28: Speed: The 'Forgotten' Conversion Factor

Wait… they changed all four wheels?https://www.flickr.com/photos/cellardoorfilms/7620375702

Page 29: Speed: The 'Forgotten' Conversion Factor

Response Time in Man-computer Conversational TransactionsRobert B. Miller, 1968

Instan

tSea

mless

Yawn!

100ms 1s 10s

Page 30: Speed: The 'Forgotten' Conversion Factor

So yes, our attention span is shorted than a goldfish

https://www.flickr.com/photos/watts_photos/23124797946

Page 31: Speed: The 'Forgotten' Conversion Factor

Working? Useful? Usable?

What are we thinking when a page is loading?

Page 32: Speed: The 'Forgotten' Conversion Factor

Focus on reducing Time to Useful and Useable…Becoming useful

Becoming usable

What’s happening here?

Page 33: Speed: The 'Forgotten' Conversion Factor

Small changes… can make a big difference!

https://www.flickr.com/photos/genevieve719/10110046076

Page 34: Speed: The 'Forgotten' Conversion Factor
Page 35: Speed: The 'Forgotten' Conversion Factor
Page 36: Speed: The 'Forgotten' Conversion Factor
Page 37: Speed: The 'Forgotten' Conversion Factor
Page 38: Speed: The 'Forgotten' Conversion Factor

Optimise your fonts

http://www.flickr.com/photos/splorp/4951916342

Page 39: Speed: The 'Forgotten' Conversion Factor

Tame your Third-Parties

Page 40: Speed: The 'Forgotten' Conversion Factor

Manage images effectively

https://www.flickr.com/photos/orkomedix/5026054826

Page 41: Speed: The 'Forgotten' Conversion Factor

Use the Platform

Page 42: Speed: The 'Forgotten' Conversion Factor

Test on realistic devices

Page 43: Speed: The 'Forgotten' Conversion Factor

Understand the critical path

https://www.flickr.com/photos/dno1967b/8347363864

Page 44: Speed: The 'Forgotten' Conversion Factor

How much is 150ms improvement worth?(was 300ms on Android)

Page 45: Speed: The 'Forgotten' Conversion Factor

https://www.flickr.com/photos/basheertome/4762529213

Page 46: Speed: The 'Forgotten' Conversion Factor

http://www.flickr.com/photos/auntiep/5024494612

@AndyDavies

[email protected]

http://slideshare.net/andydavies