Why Fast Matters

DaFED#51
Speaker: Harry Roberts

We’re all—I hope!—well aware that performance is important; it’s great for business and it’s great for our users. But things are still not fast enough. With more and more emerging markets coming online, and more and more apps moving to the web platform, we’re reaching an intersection where connections are getting slower and websites are getting heavier. In this talk, we’ll learn just what these emerging markets mean to us, and how we can begin to move in the right direction.

Transcript

1. WHY FAST MATTERS Harry Roberts | DaFED | February 2018
2. WHY FAST MATTERS Harry Roberts | DaFED | February 2018
3. IT’S SO GOOD TO BE BACK!
5. HI, I’M HARRY Consultant Performance Engineer Leeds, UK @csswizardry csswizardry.com
7. THE TRAINLINE REDUCED LATENCY BY 0.3 SECONDS […] AND CUSTOMERS SPENT AN EXTRA £8.1M A YEAR
8. NETFLIX SAW A 43% DECREASE IN THEIR BANDWIDTH BILL AFTER TURNING ON GZIP
9. GQ CUT LOAD TIME BY 80% AND SAW AN 80% INCREASE IN TRAFFIC. MEDIAN TIME SPENT ON THE SITE INCREASED BY 32%
10. WPOSTATS.COM
11. 1. IT WILL MAKE YOU MONEY 2. IT WILL SAVE YOU MONEY 3. IT MAKES USERS HAPPIER
12. IT’S NOT JUST FINANCIAL…
13. — 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.”
14. — 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.”
16. THE NEXT BILLION USERS
17. qz.com/on/the-next-billion
18. csswz.it/2pa7bX0
19. 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)*
20. 34× MORE MOBILE THAN BROADBAND
21. 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)*
22. 58× MORE MOBILE THAN BROADBAND
23. 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)*
24. 70× MORE MOBILE THAN BROADBAND
25. 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)*
26. 121× MORE MOBILE THAN BROADBAND
27. ! " # $ 3,537.5KBPS AVERAGE SPEED 20.1% OF PEOPLE ARE ONLINE 1.45% HAVE BROADBAND 90.35% ON CELLULAR
28. % 9,808KBPS AVERAGE SPEED 65.3% OF PEOPLE ARE ONLINE 16.8% HAVE BROADBAND 120.5% ON CELLULAR
29. WHAT DOES THIS TELL US?
30. WE’RE BUILDING FOR A TOTALLY DIFFERENT PROFILE OF USER
31. HOW FAST IS FAST ENOUGH?
32. HOW FAST IS FAST ENOUGH? It’s hard to say… You can run benchmarking Get a feel for things over time
33. JUST BE FASTER THAN YOUR NEAREST COMPETITOR…
34. dareboost.com
35. speedcurve.com
36. GETTING THERE
37. STEP 0: WANT A FAST WEBSITE
38. 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
39. STEP 1: UNDERSTAND THE PROBLEM
40. …PROPERLY UNDERSTAND IT
42. charlesproxy.com
43. IT’S NOT JUST CONNECTION SPEED ANYMORE…
46. geekaphone.com
47. csswz.it/2pL4MlZ
49. THERE’S NO REPLACEMENT FOR REAL DEVICES
52. BUILD UP AN IDEA OF REALISTIC CONDITIONS
53. STEP 2: KNOW WHAT’S GOING ON
54. WHAT DOES THIS SCRIPT DO? WHICH TEAM IS IN CHARGE OF THIS THING? ARE WE EVEN USING THIS?
55. 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
56. CALL MEETINGS Work out what everything is Who is using it Do they need it What can you do about it
59. This is your website… …this is your website on tag managers.
60. KNOW YOUR LIABILITIES…
62. Performance » Bottom-Up » Group By Domain
64. IDENTIFYING THIRD PARTIES
68. BEING VULNERABLE
71. ## # 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
72. DON’T PRIORITISE YOUR OWN METRICS OVER YOUR USERS’ EXPERIENCES
73. STEP 3: MEASURE EVERYTHING
74. HOW DO WE KNOW:
 1) WHAT’S WRONG? 
 2) WHEN IT’S RIGHT?
79. jana.com/insights
84. BUDGETING
85. 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
87. Not the most complex site in the world But fairly typical Plenty going on CSSWIZARDRY.COM
95. CLOSING…
96. CLOSING Care: Actually prioritise, consider, and champion performance Understand: Your customers, the problem, the landscape Measure: Everything you can, before and after
97. STATISTICS AND DATA Tim Kadlec, Tammy Everts * World DataBank † Akamai State of the Internet ‡ ITU Measuring the Information Society Report
98. THANK YOU Harry Roberts @csswizardry csswizardry@gmail.com speakerdeck.com/csswizardry