Pro Yearly is on sale from $80 to $50! »

Why Fast Matters

C1d9295b73069d0182d61895048713d8?s=47 DaFED
February 28, 2018

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.

C1d9295b73069d0182d61895048713d8?s=128

DaFED

February 28, 2018
Tweet

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!

  4. None
  5. HI, I’M HARRY Consultant Performance Engineer Leeds, UK @csswizardry csswizardry.com

  6. None
  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.”
  15. None
  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

  41. None
  42. charlesproxy.com

  43. IT’S NOT JUST CONNECTION SPEED ANYMORE…

  44. None
  45. None
  46. geekaphone.com

  47. csswz.it/2pL4MlZ

  48. None
  49. THERE’S NO REPLACEMENT FOR REAL DEVICES

  50. None
  51. None
  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
  57. None
  58. None
  59. This is your website… …this is your website on tag

    managers.
  60. KNOW YOUR LIABILITIES…

  61. None
  62. Performance » Bottom-Up » Group By Domain

  63. None
  64. IDENTIFYING THIRD PARTIES

  65. None
  66. None
  67. None
  68. BEING VULNERABLE

  69. None
  70. None
  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?
  75. None
  76. None
  77. None
  78. None
  79. jana.com/insights

  80. None
  81. None
  82. None
  83. None
  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
  86. None
  87. Not the most complex site in the world But fairly

    typical Plenty going on CSSWIZARDRY.COM
  88. None
  89. None
  90. None
  91. None
  92. None
  93. None
  94. None
  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