Website Performance„Davids vs. Goliath“

Webmontag Karlsruhe

Martin Waldau, 30. Mai 2011twitter.com/skyfyre

Wozu Performance?

Wartet ihr gern?

Zeit == Geld

Kurz & gut- Millisekunden entscheidend!

- Google berücksichtigt Ladezeit im Pagerank

- Ladezeit beeinfusst Umsatz, Qualitätsanmutung

Javascript-Handling

Was Yahoo sagt:- JS ans Ende

- JS blocken parallele Downloads

- Browser stoppen das Rendern bei Scripts

- 1 Datei & minify

Ich behaupte:1. Mehrere Dateien werden schneller

geladen als eine

2. Cookies wirken sich negativ auf die Ladezeit aus

Testumgebung

Testumgebung- Firefox 3.6.16

- „realer“ Spieleserver

Ergebnisse

1 Datei 6 Dateien 10 Dateien0

200

400

600

800

1000

1200

1400

1600

1800

2000

Cookieohne Cookie

Goliath wins!

… nicht ganz

Testumgebung

Das war mal1 MB!

Der Apache2 komprimiert!<IfModule mod_deflate.c>

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/x-javascript

</IfModule>

Schlußfolgerungen- Textinhalte können sehr gut komprimiert

werden (Apache2 und yuicompress)

- Zerlegung durch geringe dann Größe nicht mehr sinnvoll

Performance-Hinweise

Performance galore!- http://developer.yahoo.com/yslow/

- eigene Webseite/ Webserver beobachten!

Testen/ Beobachten?

Serverseitige Tools (PHP)- xhprof

http://mirror.facebook.net/facebook/xhprof/doc.html

- xdebughttp://xdebug.org/

Frontend-Tools- yslow

https://addons.mozilla.org/de/firefox/addon/yslow/

- Google Page Speedhttp://code.google.com/intl/de-DE/speed/page-speed/

- WebPageTesthttp://www.webpagetest.org

Fragen?

Vielen Dank für eure Aufmerksamkeit!