+ All Categories
Home > Technology > Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

Date post: 18-Sep-2014
Category:
View: 16 times
Download: 2 times
Share this document with a friend
Description:
Last year at Velocity, Strangeloop's VP Product, Hooman Beheshti, presented the findings from phase one of Strangeloop’s long-term research into the relationship between web performance and business benefits. The results were also published in Watching Websites. Since then, we’ve received a barrage of questions from the web performance community, which fueled phase two of our study. In this presentation, Strangeloop president Joshua Bixby offers our most recent findings. Some of the community’s questions were: * Who were the clients? * How fast were the pages? * What acceleration techniques were implemented? * What happened to the key page components (such as JS size, payload and roundtrips) of the websites? * How did changing key variables (page load time, payload, number of roundtrips, etc.) affect the outcome? We’ve been collecting and analyzing data to help us answer these questions, as well as some new ones we’ve thought up along the way. Join us as we present our findings, and help us consider what areas deserve further study.
Popular Tags:
64
Web Performance and key business metrics Part II: More Findings from the Front Line of Web Acceleration
Transcript
Page 1: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

Web Performance and key business metrics

Part II: More Findings from the Front Line of Web Acceleration

Page 2: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

2© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 2

Page 3: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration
Page 4: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

4© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 4

Page 5: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

5© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 5

Page 6: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

6© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 6

Page 7: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

7© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 7

Page 8: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

8© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 8

How do we prioritize?P

erf

orm

an

ce

Cost

Easy Hard

Page 9: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

9© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 9

http://www.flickr.com/photos/spunter/393793587 http://www.flickr.com/photos/laurenclose/2217307446

Page 10: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

10

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 10

What do we know?

http://www.webperformancetoday.com/2010/06/15/everything-you-wanted-to-know-about-web-performance/

Page 11: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

11

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 11

Page 12: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

12

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 12

What does 400ms feel like?

Page 13: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

13

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 13

Impact of page load time on average daily searches per user

Page 14: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

14

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 14

Page 15: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

15

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 15

What does 2 seconds feel like?

Page 16: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

16

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 16

Impact of additional delay on business metrics

Page 17: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

17

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 17

Page 18: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

18

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 18

What does 5 seconds feel like?

Page 19: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

19

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 19

Big, high-traffic site◦100M impressions a day◦8,000 searches a

second◦20-29M unique visitors

a month◦100M products

16 month re-engineering

◦ Page load from 6 seconds to 1.2

◦ Uptime from 99.65% to 99.97%

◦ 10% of previous hardware needs

http://en.oreilly.com/velocity2009/public/schedule/detail/7709

Shopzilla had another angle

Page 20: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

20

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 20

5-12% increase in revenue

Page 21: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

21

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 21

Page 22: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

22

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 22

Page 23: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

23

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 23

Page 24: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

24

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 24

Page 25: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

25

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 25

Page 26: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

26

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 26

What they did

• Combining multiple CSS and JavaScript files to reduce external page calls.

• Serving static content from a domain without cookies.

• Leveraging browser and server-side caching wherever possible.

• Compressing image file sizes on output, and serving .png wherever possible.

• Asking rich media vendors and the Internet ad industry at large to take performance considerations into account when building and serving rich media ads. Any improvements made will ultimately benefit the advertiser, the server, the publisher and the user.

Page 27: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

27

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 27

Impact A/B Testing

19% 0.9%

Performance

Revenue per thousand

pages

Page 28: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

28

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 28

Page 29: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

29

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 29

Page 30: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

30

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 30

Notice a trend in the data?

Page 31: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

31

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 31

Tying web performance to business outcomes for

mortal companies

Page 32: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

32

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 32

http://www.flickr.com/photos/spunter/393793587 http://www.flickr.com/photos/laurenclose/2217307446

KPIsKPIs

Page 33: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

33

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 33

NEWVISITORS

GROWTH

BOUNCERATE

LOSS

CONVERSIONRATE

ORDERVALUE

x

TIMEON

SITE

PAGESPER

VISIT

NUMBEROF VISITS

SEARCHES

TWEETS

MENTIONS

ADS SEEN

ATTENTION ENGAGEMENT BUSINESS METRIC

SEARCH IMPACT

AD CLICKS

USERS Productivity

and Satisfaction

Page 34: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

34

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 34

It’s time for an experiment

Page 35: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

35

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 35

StrangeloopStrangeloop

Analytics

VisitorVisitor WebWebserverserver

Optimize?

Decide whether

to optimize

Insertsegmentmarker

Normalcontent

Accelerated

Unaccelerated

Receivepage

Processscripts

Sendanalytics

Page 36: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

36

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 36

Analytics

Page 37: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

37

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 37

Business Analytics

Page 38: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

38

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 38

Performance Analytics

Page 39: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

39

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 39

Acceleration

Page 40: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

40

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 40

Acceleration

Page 41: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

41

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 41

Examples: Complexity

• 493,623,345 Page Views• 123,876 Individual Pages• 52,865 Different Landing Pages• 10 Major Browsers (110 different

version)• 9 Average Pages Views/visitor

Page 42: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

42

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 42

What is accelerated

Optimize Caching Minimize Roundtrips Minimize Payload

Size Optimize Browser

rendering Optimize Images Automatically

rewrite to a CDN Flush the buffer

early Preloading

Input What we did Output

URL

Browser

Users flow

Other Users Flow

Page 43: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

43

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 43

Accelerated

58 roundtrips 5 roundtripsPayload Reduced 78%

57 roundtrips 4 roundtripsPayload Reduced by 86%

First Time Visitor

Repeat Visitor

Before Strangeloop After Strangeloop

Page 44: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

44

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 44

More Information

http://www.webperformancetoday.com/

Page 45: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

45

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 45

Individual Site Data

Page 46: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

46

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 46

Can we share your data?

Page 47: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration
Page 48: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

48

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 48

JC Whitney Story

Page 49: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration
Page 50: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

50

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 50

Business Impact

2%

2%

7%

Revenue Conversion

More Likely to buy on

first visit

Page 51: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration
Page 52: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration
Page 53: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

53

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 53

Business Impact

Page 54: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

54

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 54

Page 55: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration
Page 56: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

56

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 56

Business Impact

6%

9% 29%

Average Order size

Conversion

More Likely to buy on

first visit

38%

More Likely to return for a

second visit

Page 57: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

57

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 57

Aggregated Data: Trends

Page 58: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

58

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 58

Data Collection

Page 59: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

59

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 59

Example: Landing Pages

• Entry to a flow• First page matters• Landing page performance is very

impactful to your business metrics

Page 60: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

60

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 60

Page 61: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

61

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 61

Page 62: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

62

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 62

Page 63: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

63

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 63

Is this project worth doing?

http://www.webperformancetoday.com/2010/06/23/the-performance-metrics-project/

http://bit.ly/anuQ22

Page 64: Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lines of Web Acceleration

64

© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 64


Recommended