WHY FAST MATTERS
Harry Roberts | DaFED | February 2018
Slide 2
Slide 2 text
WHY FAST MATTERS
Harry Roberts | DaFED | February 2018
Slide 3
Slide 3 text
IT’S SO GOOD TO BE BACK!
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
HI, I’M HARRY
Consultant Performance Engineer
Leeds, UK
@csswizardry
csswizardry.com
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
THE TRAINLINE REDUCED
LATENCY BY 0.3 SECONDS […]
AND CUSTOMERS SPENT AN
EXTRA £8.1M A YEAR
Slide 8
Slide 8 text
NETFLIX SAW A 43% DECREASE
IN THEIR BANDWIDTH BILL AFTER
TURNING ON GZIP
Slide 9
Slide 9 text
GQ CUT LOAD TIME BY 80% AND
SAW AN 80% INCREASE IN
TRAFFIC. MEDIAN TIME SPENT ON
THE SITE INCREASED BY 32%
Slide 10
Slide 10 text
WPOSTATS.COM
Slide 11
Slide 11 text
1. IT WILL MAKE YOU MONEY
2. IT WILL SAVE YOU MONEY
3. IT MAKES USERS HAPPIER
Slide 12
Slide 12 text
IT’S NOT JUST FINANCIAL…
Slide 13
Slide 13 text
— My Buddy Warren
“Sorry I didn’t reply to your email mate… I could see it but
couldn’t open it because the internet out [in Thailand] is s—t.”
Slide 14
Slide 14 text
— Anon
“I am currently at my parents’ place in Rawatbhata,
Rajasthan [India]. Since my parents don’t have a computer
they only consume internet through their
smartphone […] providers which in our town are still 2G.
Right now I have connected my laptop via WiFi hotspot.
Opening Gmail in basic HTML version takes 30s to a minute.”
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
THE NEXT BILLION USERS
Slide 17
Slide 17 text
qz.com/on/the-next-billion
Slide 18
Slide 18 text
csswz.it/2pa7bX0
Slide 19
Slide 19 text
BANGLADESH !
Average connection: 3,634kbps†
14.4% of the country is online*
3.9m broadband subscriptions (2.4 per 100 people)*
133.7m cellular subscriptions (83.4 per 100 people)*
Slide 20
Slide 20 text
34× MORE MOBILE
THAN BROADBAND
Slide 21
Slide 21 text
INDIA "
Average connection: 3,465kbps†
26% of the country is online*
17.1m broadband subscriptions (1.3 per 100 people)*
1b cellular subscriptions (78.8 per 100 people)*
Slide 22
Slide 22 text
58× MORE MOBILE
THAN BROADBAND
Slide 23
Slide 23 text
PAKISTAN #
Average connection: 2,508kbps†
18% of the country is online*
1.8m broadband subscriptions (1 per 100 people)*
125.9m cellular subscriptions (66.9 per 100 people)*
Slide 24
Slide 24 text
70× MORE MOBILE
THAN BROADBAND
Slide 25
Slide 25 text
INDONESIA $
Average connection: 4,543kbps†
22% of the country is online*
2.8m broadband subscriptions (1.1 per 100 people)*
338.4m cellular subscriptions (132.3 per 100 people)*
Slide 26
Slide 26 text
121× MORE MOBILE
THAN BROADBAND
Slide 27
Slide 27 text
! " # $
3,537.5KBPS AVERAGE SPEED
20.1% OF PEOPLE ARE ONLINE
1.45% HAVE BROADBAND
90.35% ON CELLULAR
Slide 28
Slide 28 text
%
9,808KBPS AVERAGE SPEED
65.3% OF PEOPLE ARE ONLINE
16.8% HAVE BROADBAND
120.5% ON CELLULAR
Slide 29
Slide 29 text
WHAT DOES THIS TELL US?
Slide 30
Slide 30 text
WE’RE BUILDING FOR A TOTALLY
DIFFERENT PROFILE OF USER
Slide 31
Slide 31 text
HOW FAST IS FAST ENOUGH?
Slide 32
Slide 32 text
HOW FAST IS FAST ENOUGH?
It’s hard to say…
You can run benchmarking
Get a feel for things over time
Slide 33
Slide 33 text
JUST BE FASTER THAN YOUR
NEAREST COMPETITOR…
Slide 34
Slide 34 text
dareboost.com
Slide 35
Slide 35 text
speedcurve.com
Slide 36
Slide 36 text
GETTING THERE
Slide 37
Slide 37 text
STEP 0: WANT A FAST WEBSITE
Slide 38
Slide 38 text
WANT A FAST WEBSITE
Do not underestimate the importance of this step
Things get markedly easier if you actually try
Make sure it’s a business goal/priority
Ensure that people are putting effort into performance
Slide 39
Slide 39 text
STEP 1: UNDERSTAND THE
PROBLEM
Slide 40
Slide 40 text
…PROPERLY UNDERSTAND IT
Slide 41
Slide 41 text
No content
Slide 42
Slide 42 text
charlesproxy.com
Slide 43
Slide 43 text
IT’S NOT JUST CONNECTION
SPEED ANYMORE…
Slide 44
Slide 44 text
No content
Slide 45
Slide 45 text
No content
Slide 46
Slide 46 text
geekaphone.com
Slide 47
Slide 47 text
csswz.it/2pL4MlZ
Slide 48
Slide 48 text
No content
Slide 49
Slide 49 text
THERE’S NO REPLACEMENT
FOR REAL DEVICES
Slide 50
Slide 50 text
No content
Slide 51
Slide 51 text
No content
Slide 52
Slide 52 text
BUILD UP AN IDEA OF
REALISTIC CONDITIONS
Slide 53
Slide 53 text
STEP 2: KNOW WHAT’S GOING ON
Slide 54
Slide 54 text
WHAT DOES THIS SCRIPT DO?
WHICH TEAM IS IN CHARGE OF
THIS THING?
ARE WE EVEN USING THIS?
Slide 55
Slide 55 text
KNOW WHAT’S GOING ON
Other people/teams add things to your site all the time
Tag managers, social widgets, tracking scripts, analytics
Schrödinger effect: measuring/optimising has its own overhead
Slide 56
Slide 56 text
CALL MEETINGS
Work out what everything is
Who is using it
Do they need it
What can you do about it
Slide 57
Slide 57 text
No content
Slide 58
Slide 58 text
No content
Slide 59
Slide 59 text
This is your website…
…this is your website
on tag managers.
DON’T PRIORITISE
YOUR OWN METRICS OVER
YOUR USERS’ EXPERIENCES
Slide 73
Slide 73 text
STEP 3: MEASURE EVERYTHING
Slide 74
Slide 74 text
HOW DO WE KNOW:
1) WHAT’S WRONG?
2) WHEN IT’S RIGHT?
Slide 75
Slide 75 text
No content
Slide 76
Slide 76 text
No content
Slide 77
Slide 77 text
No content
Slide 78
Slide 78 text
No content
Slide 79
Slide 79 text
jana.com/insights
Slide 80
Slide 80 text
No content
Slide 81
Slide 81 text
No content
Slide 82
Slide 82 text
No content
Slide 83
Slide 83 text
No content
Slide 84
Slide 84 text
BUDGETING
Slide 85
Slide 85 text
PERFORMANCE BUDGETS
Basically just monitoring with alerts
After a while, you’ll begin to know how fast you should be
Set budgets and tolerances
Endeavour to stay within those limits
Slide 86
Slide 86 text
No content
Slide 87
Slide 87 text
Not the most complex site in the world
But fairly typical
Plenty going on
CSSWIZARDRY.COM
Slide 88
Slide 88 text
No content
Slide 89
Slide 89 text
No content
Slide 90
Slide 90 text
No content
Slide 91
Slide 91 text
No content
Slide 92
Slide 92 text
No content
Slide 93
Slide 93 text
No content
Slide 94
Slide 94 text
No content
Slide 95
Slide 95 text
CLOSING…
Slide 96
Slide 96 text
CLOSING
Care: Actually prioritise, consider, and champion performance
Understand: Your customers, the problem, the landscape
Measure: Everything you can, before and after
Slide 97
Slide 97 text
STATISTICS AND DATA
Tim Kadlec, Tammy Everts
* World DataBank
† Akamai State of the Internet
‡ ITU Measuring the Information Society Report
Slide 98
Slide 98 text
THANK YOU
Harry Roberts
@csswizardry
[email protected]
speakerdeck.com/csswizardry