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

1. Website Performance
„Davids vs. Goliath“
Webmontag Karlsruhe
Martin Waldau, 30. Mai 2011
twitter.com/skyfyre

2. Wozu Performance?

3. Wartet ihr gern?

4. Zeit == Geld

5. Kurz & gut
- Millisekunden entscheidend!
- Google berücksichtigt Ladezeit im
Pagerank
- Ladezeit beeinfusst Umsatz,
Qualitätsanmutung

6. Javascript-Handling

7. Was Yahoo sagt:
- JS ans Ende
- JS blocken parallele Downloads
- Browser stoppen das Rendern bei Scripts
- 1 Datei & minify

8. Ich behaupte:
1. Mehrere Dateien werden schneller
geladen als eine
2. Cookies wirken sich negativ auf die
Ladezeit aus

9. Testumgebung

10. Testumgebung
- Firefox 3.6.16
- „realer“ Spieleserver

11. Ergebnisse
2000
1800
1600
1400
1200
Cookie
1000 ohne Cookie
800
600
400
200
0
1 Datei 6 Dateien 10 Dateien

12. Goliath wins!

13. … nicht ganz

14. Testumgebung
Das war mal
1 MB!

15. Der Apache2 komprimiert!
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain
text/xml text/css application/x-javascript
</IfModule>

16. Schlußfolgerungen
- Textinhalte können sehr gut komprimiert
werden (Apache2 und yuicompress)
- Zerlegung durch geringe dann Größe nicht
mehr sinnvoll

17. Performance-Hinweise

18. Performance galore!
- http://developer.yahoo.com/yslow/
- eigene Webseite/ Webserver beobachten!

19. Testen/ Beobachten?

20. Serverseitige Tools (PHP)
- xhprof
http://mirror.facebook.net/facebook/xhprof/doc.html
- xdebug
http://xdebug.org/

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. Fragen?

23. Vielen Dank für eure
Aufmerksamkeit!