Optimise your home page (fast as lightning)

Optimise your home page (fast as lightning)

A Cybercom sponsored talk I did in Karlskrona Sweden about making your pages as fast as possible.

Dfb236c2d968fbbf6fa4dd7d0541b6b6?s=128

Peter Hedenskog

November 04, 2014
Tweet

Transcript

  1. peter.hedenskog@cybercom.com Optimera er hemsida 2014-11-04

  2. Peter Hedenskog web performance geek

  3. None
  4. None
  5. The secret

  6. None
  7. None
  8. faster websites makes less money

  9. faster websites makes less money more

  10. “We made the new platform 60% faster and this resulted

    in a 14% increase in donation conversions.”
  11. 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%
  12. Staples shaved 1 second off median, 6s off 98th percentile,

    conversions improved 10%
  13. “Over time we found a strong correlation between site speed

    and buyer purchases per week”
  14. “A slow site impacts the brand” Tammy Everts

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

  17. “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.”
  18. Why?

  19. < 0.1 second - instant < 1.0 second - flow

    =>10 seconds - lost Robert B. Miller - Response Time in Man- Computer Conversational Transactions (1968) The brain
  20. Context

  21. “Smart phone users are more tolerant to slow sites”

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

    checkout.
  23. but …

  24. None
  25. None
  26. None
  27. The Performance Golden Rule!

  28. “80-90% of the end-user response time is spent on the

    frontend.” Steve Souders - Yahoo/Google/Fastly Tested top 50K Alexa websites
  29. front end dev

  30. front end dev

  31. front end dev

  32. front end dev

  33. front end dev

  34. With great power …

  35. comes great responsibility!

  36. Web performance 2014

  37. “I like thinking big.” Donald Trump

  38. “Think small” Peter Hedenskog

  39. What?

  40. super computers

  41. super fast internet

  42. remember

  43. mobile phones

  44. data

  45. the city

  46. “Think small” Peter Hedenskog

  47. minimize

  48. combine

  49. avoid requests

  50. no requests

  51. above the fold

  52. Web performance in practice

  53. None
  54. How?

  55. None
  56. s Web perf tool

  57. None
  58. Web perf tool

  59. BFF

  60. Integrate performance tools into continuous delivery

  61. Web performance in practice 2

  62. None
  63. None
  64. communication

  65. The boss

  66. Visualize

  67. The boss understands red, yellow and green

  68. 1200 ms

  69. red 1200 ms

  70. yellow 1200 ms

  71. green 1200 ms

  72. None
  73. None
  74. business

  75. the problem solver

  76. the performance budget

  77. None
  78. summary

  79. None
  80. None
  81. small

  82. None
  83. None
  84. None
  85. None
  86. Thank you! Peter Hedenskog @soulislove