Slide 1

Slide 1 text

[email protected] Optimera er hemsida 2014-11-04

Slide 2

Slide 2 text

Peter Hedenskog web performance geek

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

The secret

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

faster websites makes less money

Slide 9

Slide 9 text

faster websites makes less money more

Slide 10

Slide 10 text

“We made the new platform 60% faster and this resulted in a 14% increase in donation conversions.”

Slide 11

Slide 11 text

For every 1 second of improvement Walmart experienced up to a 2% increase in conversions. For every 100 ms of improvement, Walmart grew incremental revenue by up to 1%

Slide 12

Slide 12 text

Staples shaved 1 second off median, 6s off 98th percentile, conversions improved 10%

Slide 13

Slide 13 text

“Over time we found a strong correlation between site speed and buyer purchases per week”

Slide 14

Slide 14 text

“A slow site impacts the brand” Tammy Everts

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

http:// www.peterhedenskog.com/ blog/2014/09/more-speed- more-money/

Slide 17

Slide 17 text

“We must deliver and render the above the fold (ATF) content in under one second, which allows the user to begin interacting with the page as soon as possible.”

Slide 18

Slide 18 text

Why?

Slide 19

Slide 19 text

< 0.1 second - instant < 1.0 second - flow =>10 seconds - lost Robert B. Miller - Response Time in Man- Computer Conversational Transactions (1968) The brain

Slide 20

Slide 20 text

Context

Slide 21

Slide 21 text

“Smart phone users are more tolerant to slow sites”

Slide 22

Slide 22 text

We accept slower page load time when we go to checkout.

Slide 23

Slide 23 text

but …

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

The Performance Golden Rule!

Slide 28

Slide 28 text

“80-90% of the end-user response time is spent on the frontend.” Steve Souders - Yahoo/Google/Fastly Tested top 50K Alexa websites

Slide 29

Slide 29 text

front end dev

Slide 30

Slide 30 text

front end dev

Slide 31

Slide 31 text

front end dev

Slide 32

Slide 32 text

front end dev

Slide 33

Slide 33 text

front end dev

Slide 34

Slide 34 text

With great power …

Slide 35

Slide 35 text

comes great responsibility!

Slide 36

Slide 36 text

Web performance 2014

Slide 37

Slide 37 text

“I like thinking big.” Donald Trump

Slide 38

Slide 38 text

“Think small” Peter Hedenskog

Slide 39

Slide 39 text

What?

Slide 40

Slide 40 text

super computers

Slide 41

Slide 41 text

super fast internet

Slide 42

Slide 42 text

remember

Slide 43

Slide 43 text

mobile phones

Slide 44

Slide 44 text

data

Slide 45

Slide 45 text

the city

Slide 46

Slide 46 text

“Think small” Peter Hedenskog

Slide 47

Slide 47 text

minimize

Slide 48

Slide 48 text

combine

Slide 49

Slide 49 text

avoid requests

Slide 50

Slide 50 text

no requests

Slide 51

Slide 51 text

above the fold

Slide 52

Slide 52 text

Web performance in practice

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

How?

Slide 55

Slide 55 text

No content

Slide 56

Slide 56 text

s Web perf tool

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

Web perf tool

Slide 59

Slide 59 text

BFF

Slide 60

Slide 60 text

Integrate performance tools into continuous delivery

Slide 61

Slide 61 text

Web performance in practice 2

Slide 62

Slide 62 text

No content

Slide 63

Slide 63 text

No content

Slide 64

Slide 64 text

communication

Slide 65

Slide 65 text

The boss

Slide 66

Slide 66 text

Visualize

Slide 67

Slide 67 text

The boss understands red, yellow and green

Slide 68

Slide 68 text

1200 ms

Slide 69

Slide 69 text

red 1200 ms

Slide 70

Slide 70 text

yellow 1200 ms

Slide 71

Slide 71 text

green 1200 ms

Slide 72

Slide 72 text

No content

Slide 73

Slide 73 text

No content

Slide 74

Slide 74 text

business

Slide 75

Slide 75 text

the problem solver

Slide 76

Slide 76 text

the performance budget

Slide 77

Slide 77 text

No content

Slide 78

Slide 78 text

summary

Slide 79

Slide 79 text

No content

Slide 80

Slide 80 text

No content

Slide 81

Slide 81 text

small

Slide 82

Slide 82 text

No content

Slide 83

Slide 83 text

No content

Slide 84

Slide 84 text

No content

Slide 85

Slide 85 text

No content

Slide 86

Slide 86 text

Thank you! Peter Hedenskog @soulislove