Turning your web performance to 11<br />Newman Scott Hunter<br />http://driftlogic.net - @nshunter – scott@driftlogic.net<...
Faster websites make more money.<br />
Source: http://www.slideshare.net/bitcurrent/impact-of-web-latency-on-conversion-rates<br />
Loading Times @ 4 Seconds, <br />75% of users will not choose to return to the site.<br />Source: http://www.eugeneloj.com...
Perception of Performance<br />User Happyness<br />Time<br /> @ 100 ms<br />“Okay, I did something.”<br />.<br />.<br />.<...
Do I have a problem?<br />
Assessing Performance<br />Firebug<br />
Assessing Performance<br />http://webpagetest.org<br />
Site’s Slow<br />Problem?<br />
Where’s the Problem?<br />Front End<br /><ul><li>Images
CSS / Javascript / HTML
Flash / Video / Rich Media
Headers / Cookies </li></ul>Back End<br /><ul><li>PHP / Python / Ruby / Java / etc.
Database
Caching
Asset Service</li></li></ul><li>Front End Issues<br />First Stop: Firebug<br /><ul><li>Do we need everything on this page?
Video
Flash
Multiple Images
AJAX / Extraneous JS</li></ul>Kongregate Front Page: 1.2 MB<br />VS<br />Kongregate Game Page: 5.3 MB<br />
Front End Issues<br />http://developer.yahoo.com/yslow/<br />http://code.google.com/speed/page-speed/<br />
Apache Header Fix<br />
Back End Problems<br />
How do I know if I’m overloaded? <br />
Overloaded Server<br />
Munin Network Monitoring<br />
Upcoming SlideShare
Loading in …5
×

Turning Your Website Performance to 11

1,663 views

Published on

Talk presented at Confoo 2011 about performance, technologies, when to optimize, and some broad ideas about how to go about it.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,663
On SlideShare
0
From Embeds
0
Number of Embeds
152
Actions
Shares
0
Downloads
26
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Turning Your Website Performance to 11

  1. 1. Turning your web performance to 11<br />Newman Scott Hunter<br />http://driftlogic.net - @nshunter – scott@driftlogic.net<br />
  2. 2.
  3. 3. Faster websites make more money.<br />
  4. 4. Source: http://www.slideshare.net/bitcurrent/impact-of-web-latency-on-conversion-rates<br />
  5. 5. Loading Times @ 4 Seconds, <br />75% of users will not choose to return to the site.<br />Source: http://www.eugeneloj.com/2006/12/the_user_attent.html<br />
  6. 6. Perception of Performance<br />User Happyness<br />Time<br /> @ 100 ms<br />“Okay, I did something.”<br />.<br />.<br />.<br />@ 1000 ms<br />“Okay, I’m waiting for it to load”<br />@ 10000 ms<br />“This site is F-ing SLOW.”<br />Source: http://www.useit.com/papers/responsetime.html<br />
  7. 7. Do I have a problem?<br />
  8. 8. Assessing Performance<br />Firebug<br />
  9. 9.
  10. 10. Assessing Performance<br />http://webpagetest.org<br />
  11. 11.
  12. 12.
  13. 13. Site’s Slow<br />Problem?<br />
  14. 14. Where’s the Problem?<br />Front End<br /><ul><li>Images
  15. 15. CSS / Javascript / HTML
  16. 16. Flash / Video / Rich Media
  17. 17. Headers / Cookies </li></ul>Back End<br /><ul><li>PHP / Python / Ruby / Java / etc.
  18. 18. Database
  19. 19. Caching
  20. 20. Asset Service</li></li></ul><li>Front End Issues<br />First Stop: Firebug<br /><ul><li>Do we need everything on this page?
  21. 21. Video
  22. 22. Flash
  23. 23. Multiple Images
  24. 24. AJAX / Extraneous JS</li></ul>Kongregate Front Page: 1.2 MB<br />VS<br />Kongregate Game Page: 5.3 MB<br />
  25. 25. Front End Issues<br />http://developer.yahoo.com/yslow/<br />http://code.google.com/speed/page-speed/<br />
  26. 26.
  27. 27.
  28. 28. Apache Header Fix<br />
  29. 29. Back End Problems<br />
  30. 30. How do I know if I’m overloaded? <br />
  31. 31. Overloaded Server<br />
  32. 32. Munin Network Monitoring<br />
  33. 33. Monitoring Services<br />Open Source Free!<br />http://munin-monitoring.org/<br />Not Free! But Awesome.<br />http://cloudkick.com<br />
  34. 34. How do I FIND my problem / bottleneck ?<br />
  35. 35. Application Layer Monitoring<br />
  36. 36. Fixing Problems<br />Problem<br />High Load / Multiple Assets / Large Database / etc..<br />Solution<br />Pay your way out.<br /><ul><li>More hardware
  37. 37. Switch from Cloud to Physical
  38. 38. Integrate a CDN
  39. 39. Increase Pipe</li></li></ul><li>Fixing Problems<br />Problem<br />Multiple Queries / Large Datasets / Multiple Large Assets<br />Solution<br />Add Additional Caching<br />Application Layer<br />Presentation Layer<br />CDN<br />
  40. 40. Fixing Problems<br />Problem<br />Slow Search / Large Search Dataset<br />Solution<br />Use a Search Appliance<br />
  41. 41. Fixing Problems<br />Problem<br />Code Efficiency / Application Size / Language Issues<br />Solution<br />Code Refactoring<br />Change Runtime Environment / Application Server<br />Rewrite<br />
  42. 42. Chasing the Unicorn<br />
  43. 43. Thank You<br />Newman Scott Hunter<br />http://driftlogic.net - @nshunter – scott @driftlogic.net<br />

×