Your SlideShare is downloading. ×
0
Extreme WebPerformance   Leo Balter
Jaydson.org       https://docs.google.com/presentation/d/1S7i_Z204o5LjaSBzQtxyrhDWfKH3UninQ1-EhaZaAPE/                    ...
Steve Souders                 High Performance Web Sites    "Performance golden rule: Optimize front-endperformance first,...
Por que?
Google     • Velocidade do site afeta o seu ranking nas        buscashttp://googlewebmastercentral.blogspot.com.br/2010/04...
Amazon  • Cada 100 milissegundos a mais na demora     do carregamento de uma página gera um     custo pra Amazon.com de 1%...
Shopzilla.com      • Ao diminuir carregamento de página em 5         segundos o Shopzilla.com aumento sua taxa         de ...
Tamanho também é   velocidade
Terra
http://www.slideshare.net/stoyan/psychology-of-                 performance
1 segundo• 11% de page views• 7% de conversão• Satisfação do consumidor
http://www.gomez.com/wp-content/downloads/          Aberdeen_WebApps.pdf
http://www.gomez.com/pdfs/wp_why_web_performance_matters.pdf
Ferramentas• Yahoo YSlow• Google PageSpeed• Abas de “Rede” nos DevTools (Firefox,  Chrome e Opera)• WebPageTest
LazyLoad• <script async src=”file.js”></script>• YepNope.js
Unificar e Minimizar• JavaScript• CSS• Imagens (Background Sprites)
Javascript• UglifyJS• PimpMyJs.com• Google Closure Compiler
CSS• Sqwish - https://github.com/ded/sqwish• YUI CSS Compressor
Imagens• YSlow Smush.it http://developer.yahoo.com/  yslow/smushit/• Photoshop / GIMP
CDN• Pense nos cookies!
Código ruim afeta     performance!• HTML, CSS e Javascript• Validação, CSSLint e JSHint!
Viagem no tempo
1   var a = Date.now(), 2     b, 3     i = 0; 4 5   while (i < 1000) { 6     ++i; 7     if (i % 100 === 0) { 8       conso...
1002003004005006007008009001000valor de i: 1000tempo em ms: 8user!0m0.048s
temp EWP
temp EWP
temp EWP
Upcoming SlideShare
Loading in...5
×

temp EWP

799

Published on

temp

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

No Downloads
Views
Total Views
799
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript of "temp EWP"

    1. 1. Extreme WebPerformance Leo Balter
    2. 2. Jaydson.org https://docs.google.com/presentation/d/1S7i_Z204o5LjaSBzQtxyrhDWfKH3UninQ1-EhaZaAPE/ edit#slide=id.p
    3. 3. Steve Souders High Performance Web Sites "Performance golden rule: Optimize front-endperformance first, thats where 80/90% of the end-user response time is spent."
    4. 4. Por que?
    5. 5. Google • Velocidade do site afeta o seu ranking nas buscashttp://googlewebmastercentral.blogspot.com.br/2010/04/ using-site-speed-in-web-search-ranking.html
    6. 6. Amazon • Cada 100 milissegundos a mais na demora do carregamento de uma página gera um custo pra Amazon.com de 1% de suas vendas! • Ela vende em média $67 milhões/dia, ou seja, 1 segundo é equivalente a uma perda de $2.4 bilhões por ano! http://sites.google.com/site/glinden/Home/StanfordDataMining.2006-11-28.ppt?attredirects=0
    7. 7. Shopzilla.com • Ao diminuir carregamento de página em 5 segundos o Shopzilla.com aumento sua taxa de conversão para 7 a 12% • Também duplicou o número de referências em sites de busca • e reduziu a quantidade de seus servidores pela metadehttp://www.scribd.com/doc/16877317/Shopzillas-Site-Redo- You-Get-What-You-Measure
    8. 8. Tamanho também é velocidade
    9. 9. Terra
    10. 10. http://www.slideshare.net/stoyan/psychology-of- performance
    11. 11. 1 segundo• 11% de page views• 7% de conversão• Satisfação do consumidor
    12. 12. http://www.gomez.com/wp-content/downloads/ Aberdeen_WebApps.pdf
    13. 13. http://www.gomez.com/pdfs/wp_why_web_performance_matters.pdf
    14. 14. Ferramentas• Yahoo YSlow• Google PageSpeed• Abas de “Rede” nos DevTools (Firefox, Chrome e Opera)• WebPageTest
    15. 15. LazyLoad• <script async src=”file.js”></script>• YepNope.js
    16. 16. Unificar e Minimizar• JavaScript• CSS• Imagens (Background Sprites)
    17. 17. Javascript• UglifyJS• PimpMyJs.com• Google Closure Compiler
    18. 18. CSS• Sqwish - https://github.com/ded/sqwish• YUI CSS Compressor
    19. 19. Imagens• YSlow Smush.it http://developer.yahoo.com/ yslow/smushit/• Photoshop / GIMP
    20. 20. CDN• Pense nos cookies!
    21. 21. Código ruim afeta performance!• HTML, CSS e Javascript• Validação, CSSLint e JSHint!
    22. 22. Viagem no tempo
    23. 23. 1 var a = Date.now(), 2 b, 3 i = 0; 4 5 while (i < 1000) { 6 ++i; 7 if (i % 100 === 0) { 8 console.log(i); 9 }10 }1112 b = Date.now();1314 console.log(valor de i: + i);15 console.log(tempo em ms: + (b - a));
    24. 24. 1002003004005006007008009001000valor de i: 1000tempo em ms: 8user!0m0.048s
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×