Successfully reported this slideshow.

Web Performance Optimzation

2.271 Aufrufe

Veröffentlicht am

Veröffentlicht in: Technologie, Design

Web Performance Optimzation

  1. 1. Web Performance OptimizationA Detailed Overview @AloisReitbauer
  2. 2. WebPerformanceOptimization
  3. 3. Why?
  4. 4. Speed impacts who sees you Source: http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html
  5. 5. Speed impacts interactions Source: Jake Brutlag and Eric Schuman at Velocity 2009
  6. 6. Speed is the Top Featurehttp://carsonified.com/blog/business/fred-wilsons-10-golden-principles-of-successful-web-apps/
  7. 7. Performance = Money
  8. 8. Web sites gain weight
  9. 9. 160 kB more in one year!
  10. 10. ... not always for good reasons<td style="padding-left:10px; overflow: hidden; white-space: nowrap;"> * 9000 = 2 MB 17 Seconds
  11. 11. Third Parties makes us slowOur site+ ...
  12. 12. WebPerformanceOptimization
  13. 13. Latency andBandwidth
  14. 14. Roundtrips & Latency 1 Content 2 Icon: http://www.gettyicons.com/free-icon/112/hardware-icon-set/free-server-icon-png/
  15. 15. Browsershave limits
  16. 16. More means slow
  17. 17. It’s not under your control
  18. 18. Web Application Delivery Chain Content Internet ServerBrowser Processing 3rd Party
  19. 19. W3CPerformanceWorkingGroup
  20. 20. Works in modern browsers
  21. 21. WebPerformanceOptimization
  22. 22. Measuring performancethe Google way
  23. 23. Interaction dependent
  24. 24. User expectations increase
  25. 25. Websites shouldload in 2 secondsor less
  26. 26. A challenging goal
  27. 27. WebPerformanceOptimization
  28. 28. WhatandHow
  29. 29. WhatandHow
  30. 30. Books you should read
  31. 31. Get your site asix pack
  32. 32. IntelligentMarkup
  33. 33. WhatandHow
  34. 34. There is no magic pixie dust ..
  35. 35. Best Practice Tools
  36. 36. Benchmarking Tools
  37. 37. Deep Dive Analysis
  38. 38. Real User Experience
  39. 39. Synthetic Monitoring
  40. 40. Start tomorrow … Compress your content Smush your images Minify CSS/HTML Cache your content Merge your files
  41. 41. It’s under your control …
  42. 42. Alois Reitbaueralois.reitbauer@dynaTrace.com @AloisReitbauer http://blog.dynatrace.com

×