Optimise your home page (fast as lightning)

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

Transcript

1. peter.hedenskog@cybercom.com Optimera er hemsida 2014-11-04
2. Peter Hedenskog web performance geek
5. The secret
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
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 …
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
54. How?
56. s Web perf tool
58. Web perf tool
59. BFF
60. Integrate performance tools into continuous delivery
61. Web performance in practice 2
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
74. business
75. the problem solver
76. the performance budget
78. summary
81. small
86. Thank you! Peter Hedenskog @soulislove