O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
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 />
Próximos SlideShares
Carregando em…5
×

de

Turning Your Website Performance to 11 Slide 1 Turning Your Website Performance to 11 Slide 2 Turning Your Website Performance to 11 Slide 3 Turning Your Website Performance to 11 Slide 4 Turning Your Website Performance to 11 Slide 5 Turning Your Website Performance to 11 Slide 6 Turning Your Website Performance to 11 Slide 7 Turning Your Website Performance to 11 Slide 8 Turning Your Website Performance to 11 Slide 9 Turning Your Website Performance to 11 Slide 10 Turning Your Website Performance to 11 Slide 11 Turning Your Website Performance to 11 Slide 12 Turning Your Website Performance to 11 Slide 13 Turning Your Website Performance to 11 Slide 14 Turning Your Website Performance to 11 Slide 15 Turning Your Website Performance to 11 Slide 16 Turning Your Website Performance to 11 Slide 17 Turning Your Website Performance to 11 Slide 18 Turning Your Website Performance to 11 Slide 19 Turning Your Website Performance to 11 Slide 20 Turning Your Website Performance to 11 Slide 21 Turning Your Website Performance to 11 Slide 22 Turning Your Website Performance to 11 Slide 23 Turning Your Website Performance to 11 Slide 24 Turning Your Website Performance to 11 Slide 25 Turning Your Website Performance to 11 Slide 26 Turning Your Website Performance to 11 Slide 27 Turning Your Website Performance to 11 Slide 28 Turning Your Website Performance to 11 Slide 29 Turning Your Website Performance to 11 Slide 30 Turning Your Website Performance to 11 Slide 31 Turning Your Website Performance to 11 Slide 32
Próximos SlideShares
Massively Scaleable .NET Web Services with Project Orleans
Avançar
Transfira para ler offline e ver em ecrã inteiro.

0 gostaram

Compartilhar

Baixar para ler offline

Turning Your Website Performance to 11

Baixar para ler offline

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

  • Seja a primeira pessoa a gostar disto

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 />

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

Vistos

Vistos totais

1.833

No Slideshare

0

De incorporações

0

Número de incorporações

152

Ações

Baixados

26

Compartilhados

0

Comentários

0

Curtir

0

×