Slide 1
Slide 1 text
WHY FAST MATTERS
Harry Roberts | infoShare, Gdańsk | May 2017
Slide 2
Slide 2 text
HI, I’M HARRY
Consultant Performance Engineer
Leeds, UK
@csswizardry
csswizardry.com
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
THE TRAINLINE REDUCED
LATENCY BY 0.3 SECONDS […]
AND CUSTOMERS SPENT AN
EXTRA £8.1M A YEAR
Slide 5
Slide 5 text
NETFLIX SAW A 43% DECREASE
IN THEIR BANDWIDTH BILL AFTER
TURNING ON GZIP
Slide 6
Slide 6 text
GQ CUT LOAD TIME BY 80% AND
SAW AN 80% INCREASE IN
TRAFFIC. MEDIAN TIME SPENT ON
THE SITE INCREASED BY 32%
Slide 7
Slide 7 text
WPOSTATS.COM
Slide 8
Slide 8 text
1. IT WILL MAKE YOU MONEY
2. IT WILL SAVE YOU MONEY
3. IT MAKES USERS HAPPIER
Slide 9
Slide 9 text
IT’S NOT JUST FINANCIAL…
Slide 10
Slide 10 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 11
Slide 11 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 12
Slide 12 text
No content
Slide 13
Slide 13 text
THE NEXT BILLION USERS
Slide 14
Slide 14 text
qz.com/on/the-next-billion
Slide 15
Slide 15 text
csswz.it/2pa7bX0
Slide 16
Slide 16 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 17
Slide 17 text
34× MORE MOBILE
THAN BROADBAND
Slide 18
Slide 18 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 19
Slide 19 text
58× MORE MOBILE
THAN BROADBAND
Slide 20
Slide 20 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 21
Slide 21 text
70× MORE MOBILE
THAN BROADBAND
Slide 22
Slide 22 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 23
Slide 23 text
121× MORE MOBILE
THAN BROADBAND
Slide 24
Slide 24 text
! " # $
3,537.5KBPS AVERAGE SPEED
20.1% OF PEOPLE ARE ONLINE
1.45% HAVE BROADBAND
90.35% ON CELLULAR
Slide 25
Slide 25 text
%
14,936KBPS AVERAGE SPEED
92% OF PEOPLE ARE ONLINE
37.7% HAVE BROADBAND
125.8% ON CELLULAR
Slide 26
Slide 26 text
&
12,754KBPS AVERAGE SPEED
68.0% OF PEOPLE ARE ONLINE
19.5% HAVE BROADBAND
148.7% ON CELLULAR
Slide 27
Slide 27 text
WHAT DOES THIS TELL US?
Slide 28
Slide 28 text
WE’RE BUILDING FOR A TOTALLY
DIFFERENT PROFILE OF USER
Slide 29
Slide 29 text
HOW FAST IS FAST ENOUGH?
Slide 30
Slide 30 text
HOW FAST IS FAST ENOUGH?
It’s hard to say…
You can run benchmarking
Get a feel for things over time
Slide 31
Slide 31 text
JUST BE FASTER THAN YOUR
NEAREST COMPETITOR…
Slide 32
Slide 32 text
dareboost.com
Slide 33
Slide 33 text
speedcurve.com
Slide 34
Slide 34 text
GETTING THERE
Slide 35
Slide 35 text
STEP 0: WANT A FAST WEBSITE
Slide 36
Slide 36 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 37
Slide 37 text
STEP 1: UNDERSTAND THE
PROBLEM
Slide 38
Slide 38 text
…PROPERLY UNDERSTAND IT
Slide 39
Slide 39 text
No content
Slide 40
Slide 40 text
charlesproxy.com
Slide 41
Slide 41 text
IT’S NOT JUST CONNECTION
SPEED ANYMORE…
Slide 42
Slide 42 text
No content
Slide 43
Slide 43 text
No content
Slide 44
Slide 44 text
geekaphone.com
Slide 45
Slide 45 text
csswz.it/2pL4MlZ
Slide 46
Slide 46 text
No content
Slide 47
Slide 47 text
THERE’S NO REPLACEMENT
FOR REAL DEVICES
Slide 48
Slide 48 text
No content
Slide 49
Slide 49 text
No content
Slide 50
Slide 50 text
BUILD UP AN IDEA OF
REALISTIC CONDITIONS
Slide 51
Slide 51 text
STEP 2: KNOW WHAT’S GOING ON
Slide 52
Slide 52 text
WHAT DOES THIS SCRIPT DO?
WHICH TEAM IS IN CHARGE OF
THIS THING?
ARE WE EVEN USING THIS?
Slide 53
Slide 53 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 54
Slide 54 text
CALL MEETINGS
Work out what everything is
Who is using it
Do they need it
What can you do about it
Slide 55
Slide 55 text
No content
Slide 56
Slide 56 text
csswz.it/2qdCJzg
Slide 57
Slide 57 text
KNOW YOUR LIABILITIES…
Slide 58
Slide 58 text
No content
Slide 59
Slide 59 text
Performance » Bottom-Up » Group By Domain
Slide 60
Slide 60 text
No content
Slide 61
Slide 61 text
IDENTIFYING THIRD PARTIES
Slide 62
Slide 62 text
No content
Slide 63
Slide 63 text
No content
Slide 64
Slide 64 text
No content
Slide 65
Slide 65 text
BEING VULNERABLE
Slide 66
Slide 66 text
No content
Slide 67
Slide 67 text
No content
Slide 68
Slide 68 text
##
# SPoF Spoofing
#
# Point third-party domains at WPT’s blackhole server.
##
72.66.115.13 platform.twitter.com
72.66.115.13 connect.facebook.net
72.66.115.13 fonts.googleapis.com
72.66.115.13 assets.adobedtm.com
72.66.115.13 fast.fonts.net
Slide 69
Slide 69 text
DON’T PRIORITISE
YOUR OWN METRICS OVER
YOUR USERS’ EXPERIENCES
Slide 70
Slide 70 text
STEP 3: MEASURE EVERYTHING
Slide 71
Slide 71 text
HOW DO WE KNOW:
1) WHAT’S WRONG?
2) WHEN IT’S RIGHT?
Slide 72
Slide 72 text
No content
Slide 73
Slide 73 text
No content
Slide 74
Slide 74 text
No content
Slide 75
Slide 75 text
No content
Slide 76
Slide 76 text
jana.com/insights
Slide 77
Slide 77 text
No content
Slide 78
Slide 78 text
No content
Slide 79
Slide 79 text
No content
Slide 80
Slide 80 text
No content
Slide 81
Slide 81 text
BUDGETING
Slide 82
Slide 82 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 83
Slide 83 text
No content
Slide 84
Slide 84 text
Not the most complex site in the world
But fairly typical
Plenty going on
CSSWIZARDRY.COM
Slide 85
Slide 85 text
No content
Slide 86
Slide 86 text
No content
Slide 87
Slide 87 text
No content
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
CLOSING…
Slide 93
Slide 93 text
CLOSING
Care: Actually prioritise, consider, and champion performance
Understand: Your customers, the problem, the landscape
Measure: Everything you can, before and after
Slide 94
Slide 94 text
STATISTICS AND DATA
Tim Kadlec, Tammy Everts
* World DataBank
† Akamai State of the Internet
‡ ITU Measuring the Information Society Report
Slide 95
Slide 95 text
THANK YOU
Harry Roberts
@csswizardry
[email protected]
speakerdeck.com/csswizardry