Deliberate Performance at Frontend Conference Zurich, 2014

Deliberate Performance at Frontend Conference Zurich, 2014

No one wants to create a slow site. Yet that's exactly what happens. Not only do fat sites exist, they're actually becoming more and more common. It would be one thing if performance was merely another feature, but the reality is that performance is a fundamental component of the user experience.

If we want to start providing people with the fast experiences they so desperately want, performance needs to be engrained throughout the entire process. In this session, we'll discuss how to make sure that our sites are as fast as they are beautiful by incorporating performance into our workflows from start to finish.

Presented at Frontend Conference Zurich, in Zurich, Switzerland on August 29th, 2014.

A9a379f2e92c7ded4564190c5b286b78?s=128

Tim Kadlec

August 29, 2014
Tweet

Transcript

  1. 2.
  2. 5.
  3. 6.
  4. 7.
  5. 8.
  6. 9.
  7. 13.
  8. 14.
  9. 15.
  10. 16.
  11. 17.

    Minimize JS & CSS Optimize images GZip JS at bottom

    Async scripts Browser caching Avoid redirects
  12. 20.

    I doubt anyone really wants to release a site that

    doesn't perform well, it's just a product of not being afforded the luxury of time and top-down pressure. — a friend.
  13. 27.
  14. 28.
  15. 37.
  16. 38.
  17. 50.

    vs

  18. 51.
  19. 59.

    Speed is the most important feature. If your application is

    slow, people won’t use it....If something is slow, they’re just gone. — Fred Wilson http://bit.ly/csL5ck
  20. 60.

    There is real empirical evidence that substantiates the fact that

    speed is more than a feature. ! It’s a requirement. — Fred Wilson http://bit.ly/csL5ck
  21. 70.
  22. 75.
  23. 76.
  24. 77.
  25. 78.
  26. 79.
  27. 81.

    Being a Web designer & not considering speed/ performance is

    like being a print designer & not considering how your colors will print. — Luke Wroblewski http://bit.ly/yRvfu8
  28. 85.
  29. 86.
  30. 87.
  31. 88.
  32. 89.
  33. 94.
  34. 95.
  35. 96.
  36. 99.
  37. 100.
  38. 102.

    http://bit.ly/Wi0xvw Now more than ever, we’re designing work meant to

    be viewed along a gradient of different experiences. — Ethan Marcotte
  39. 103.

    Now more than ever, we’re designing work meant to be

    viewed along a gradient of different experiences. — Ethan Marcotte http://bit.ly/Wi0xvw gradient of different experiences
  40. 104.

    Now more than ever, we’re designing work meant to be

    viewed along a gradient of different experiences. — Ethan Marcotte http://bit.ly/Wi0xvw gradient of different experiences
  41. 106.
  42. 107.
  43. 108.
  44. 109.
  45. 110.

    By keeping your client side code small and lightweight, you

    can literally open your product up to new markets. — Chris Zacharias http://bit.ly/Vl1sqy
  46. 112.
  47. 113.
  48. 118.
  49. 119.
  50. 124.
  51. 125.
  52. 126.
  53. 127.
  54. 128.
  55. 129.
  56. 130.
  57. 132.
  58. 138.