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.

Website Performance

1.218 visualizações

Publicada em

Presentation about website performance and optimized Javascript loading prodecures. The slides are in german.

Publicada em: Tecnologia
  • Entre para ver os comentários

Website Performance

  1. 1. Website Performance„Davids vs. Goliath“ Webmontag Karlsruhe Martin Waldau, 30. Mai 2011 twitter.com/skyfyre
  2. 2. Wozu Performance?
  3. 3. Wartet ihr gern?
  4. 4. Zeit == Geld
  5. 5. Kurz & gut- Millisekunden entscheidend!- Google berücksichtigt Ladezeit im Pagerank- Ladezeit beeinfusst Umsatz, Qualitätsanmutung
  6. 6. Javascript-Handling
  7. 7. Was Yahoo sagt:- JS ans Ende- JS blocken parallele Downloads- Browser stoppen das Rendern bei Scripts- 1 Datei & minify
  8. 8. Ich behaupte:1. Mehrere Dateien werden schneller geladen als eine2. Cookies wirken sich negativ auf die Ladezeit aus
  9. 9. Testumgebung
  10. 10. Testumgebung- Firefox 3.6.16- „realer“ Spieleserver
  11. 11. Ergebnisse20001800160014001200 Cookie1000 ohne Cookie 800 600 400 200 0 1 Datei 6 Dateien 10 Dateien
  12. 12. Goliath wins!
  13. 13. … nicht ganz
  14. 14. Testumgebung Das war mal 1 MB!
  15. 15. Der Apache2 komprimiert!<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/x-javascript</IfModule>
  16. 16. Schlußfolgerungen- Textinhalte können sehr gut komprimiert werden (Apache2 und yuicompress)- Zerlegung durch geringe dann Größe nicht mehr sinnvoll
  17. 17. Performance-Hinweise
  18. 18. Performance galore!- http://developer.yahoo.com/yslow/- eigene Webseite/ Webserver beobachten!
  19. 19. Testen/ Beobachten?
  20. 20. Serverseitige Tools (PHP)- xhprof http://mirror.facebook.net/facebook/xhprof/doc.html- xdebug http://xdebug.org/
  21. 21. Frontend-Tools- yslow https://addons.mozilla.org/de/firefox/addon/yslow/- Google Page Speed http://code.google.com/intl/de-DE/speed/page-speed/- WebPageTest http://www.webpagetest.org
  22. 22. Fragen?
  23. 23. Vielen Dank für eure Aufmerksamkeit!

×