Donnerstag, 17. Dezember 2009

Performance-Optimierung - Was bringt's konkret?

Mit der neuen Hosting-Kampagne ging eine weitere Performance-Optimierung für alle Hosting-Projekte online. Ich habe die Gelegenheit genutzt, um für eine Seite die Ladezeiten vor und nach der Optimierung gegenüberzustellen. Dabei werden die Werte nach der Optimierung durch neue Seitenelemente negativ beeinflußt (es kamen Grafiken mit einer Gesamtgröße von 55KB hinzu). Die Unterschiede wären bei gleich bleibenden Elementen noch deutlicher ausgefallen. Weiterhin werden die Zeiten dadurch beeinflußt, dass die Messungen von einem Server in den USA vorgenommen wurden.

1. Request (ohne Cache)

MessungStart RenderGesamtRequestsBytes
Vorher6,8 Sek.10,2 Sek.36590 KB
Nachher2,6 Sek.6,0 Sek.38378 KB
Einsparung4,2 Sek.4,2 Sek.-2212 KB

2. Request (mit Cache)

MessungStart RenderGesamtRequestsBytes
Vorher1,4 Sek.4,8 Sek.33215 KB
Nachher1,1 Sek.4,7 Sek.32270 KB
Einsparung0,3 Sek.0,1 Sek.1-55 KB

Es wurden folgende Optimierungen vorgenommen:

  • Gzip-Komprimierung der Stylesheets und Scripte
  • Scripte an das Ende der Seite
  • Laden der Scripte über Managed XHR
  • Expires-Header für Stylesheets und Scripte

Die beeindruckensten Verbesserungen finden sich beim ersten Request. Das Rendern der Seite beginnt ganze 4 Sekunden eher und die komplette Seite ist ebenfalls 4 Sekunden schneller geladen.

Kommentare

Ansicht der Kommentare: (Linear | Verschachtelt)
Noch keine Kommentare

Kommentar schreiben


Standard-Text Smilies wie :-) und ;-) werden zu Bildern konvertiert.

Um maschinelle und automatische Übertragung von Spamkommentaren zu verhindern, bitte die Zeichenfolge im dargestellten Bild in der Eingabemaske eintragen. Nur wenn die Zeichenfolge richtig eingegeben wurde, kann der Kommentar angenommen werden. Bitte beachten Sie, dass Ihr Browser Cookies unterstützen muss um dieses Verfahren anzuwenden.
CAPTCHA

 
 

Blog abonnieren

RSS 2.0 Feed

Suche

Kalender

Zurück Februar '12 Vorwärts
Mo Di Mi Do Fr Sa So
    1 2 3 4
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29        

Verwaltung des Blogs

Blogroll

Projects/Web

vCard

  • Nico Steiner
  • www.nicosteiner.de
  • Karlsruhe/Germany
  • Senior Frontend-Developer at 1&1