PHP Blogger

Startseite Schreib mir ne Mail! RSS Abo Webnews

Javascript und CSS komprimieren

Webinhalte können vielfach komprimiert werden und Bandbreite sparen. Einige Methoden (via Quellcode-Entschlackung, PHP-Gzip-Komprimierung und Apache mod_gzip) sind hier beleuchtet, darunter auch die spezielle Komprimierung von Javascript und CSS mit dem sehr schicken Javascript und CSS Komprimierer den ich bei eBiene (Sergej Müller) gefunden habe. Richtig schön im Web 2.0 Style nimmt er CSS und Javascript, das was es nicht braucht:

  • Leerzeichen und Tabs
  • Kommentare
  • Zeilenumbrüche

Prinzipiell werden zwei Komprimierungsvarianten angeboten:

  • Basic: Leerzeichen, Tabs und Kommentare verschwinden
  • Powerful: Zusätzlich zu Basic werden auch die Zeilenumbrüche rausgenommen

Ich hab es gleich mal mit dem phpblogger-Stylesheet getestet: Die Basic-Variante bringt immerhin 27% Größenvorteil, die Powerful-Variante legt nochmal wie erwartet einen drauf und komprimiert den Quellcode um 37%.

Wann ist es sinnvoll, den Javascript und CSS Quellcode zu komprimieren? Auf gemietetem Webspace mit Volumenbasierter Abrechnung mit Sicherheit, ausserdem schafft die Komprimierung einen Quasi-Kopierschutz: Durch das Entfernen der genannten Elemente wird die Les- und Wartbarkeit des Quelltextes drastisch verschlechtert.

Seiten mit viel Traffic ersparen sich zum einen Trafficvolumen und können ihre Bandbreite besser nutzen, zum anderen profitiert den Nutzer am anderen Ende: Auch er spart Bandbreite und Zeit beim Download.

Einen Draufpacken kann man übrigens mit der Zlib von PHP: Sofern die Zlib-Extension auf dem Webserver installiert ist, kann der von PHP erzeugte Content über den Zip-Alghorithmus komprimiert werden.

ob_start("ob_gzhandler");

Da gerade Text sehr vorteilhaft komprimiert werden kann, sind Kompressionsraten vom 50-90% keine Seltenheit. Browser unterstützen übrigens die automatische Entkomprimierung von gezippten Webinhalten schon seit langem (Laut Michael Schröpl Opera ab V3.5, IE ab V4.0, Netscape ab V4.06, Firefox/Mozilla ab V0.9.4, Lynx ab V2.6).

Statische Seiten, die direkt vom Apache-Webserver ausgeliefert werden, können über das Modul mod_gzip standardmäßig komprimiert werden. Die Konfiguration von mod_gzip lässt sich auch problemlos mit .htaccess Dateien realsieren.

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Schreib Deine Meinung