Alboh Blog

AB

Extreme Performance-Optimierungen

Im Post Stack Overflow in 4096 bytes von Daniel LeCheminant geht es darum, Stack Overflow auf 4096 Bytes zu komprimieren. Dabei soll eine Datei das CSS, HTML, Javascript, Logo und Favicon enthalten. Was die Funktionalität der Seite angeht, wurde – auf den ersten Blick – alles übernommen.

Um sein Ziel zu erreichen, hat LeCheminant unter anderem folgende Schritte unternommen:

  1. Komprimieren von CSS durch Umarrangieren und Zusammenfassen.
  2. Bilder als SVG.
  3. Wiederholungen bei Javascript, damit gzip seine Arbeit machen kann.
  4. CSS-Anweisungen wie border: 0 0 4px vor border-bottom:4px bevorzugen.
  5. CSS-Klassen mit einzelnen Buchstaben ersetzten.

Nun testen wir:

1
2
$ curl -s http://danlec.com/st4k | wc
         14      80    4096

Dann wiederholen wir das gzip-Verfahren mal:

1
2
3
4
$ curl -s http://danlec.com/st4k | gzip -cd | wc
         17     311   11547
$ curl -s http://danlec.com/st4k | gzip -cd | gzip -c | wc
         19     103    4098

Scheinbar verwendet LeCheminant eine höhere Kompression:

1
2
$ curl -s http://danlec.com/st4k | gzip -cd | gzip -9c | wc
         14      80    4096

Jedoch ist das Markup inkl. Javascript nun kaum noch lesbar, was ich als nachteilig ansehe, aber die Performance von St4k ist beeindruckend. Vielleicht sollte man diese doch öfters im Auge behalten?!

Comments