Autor: Stefan Tschersich Division-IT Consulting http://division-it.de

Gerade ein Shopsystem wie Shopware kommt nicht ohne größere Javascript- und CSS-Dateien aus. Allein die jquery.shopware.js hat 135KB. Auch der Inhalt der aus PHP erzeugten HTML-Datei hat immerhin ca. 17KB. Je nach Stylesheet gehen damit insgesamt bereits über 350 Kilobyte Daten über die Leitung, ohne dass auch nur ein Hintergrundbild, Banner oder Produktbild angezeigt wird. Das läßt sich bei der Übetragung auf ca. 90KB eindampfen. Wie? Mit mod_deflate!

Das Modul ist in einer Standardinstallation von Apache2 bereits enthalten, allerdings meist inaktiv.

 
a2enmod deflate
 

Für die Konfiguration brauchen wir noch ein zweites Apache Modul, das den http-Header verändern kann:

 
a2enmod headers
 

Bevor wir jetzt den Apache durchstarten und die Änderungen aktiv machen, nehmen wir uns die Config-Datei des deflate Moduls vor, die in einer Debian Standardinstallation jetzt unter

 
/etc/apache2/mods-enabled/deflate.conf
 

verlinkt sein sollte. Den Inhalt detailliert zu erklären, würde sehr weit führen. Nur soviel: Wir Komprimieren alle textbasierten Inhalte anhand des Typs (MIME-Type), schließen bei uralt-Versionen den Microsoft IE für die Kompression einiger Typen aus und geben danach den Proxy-Servern dieser Welt die Chance, die Inhalte sauber zu erkennen:

 
<IfModule mod_deflate.c>
          DeflateCompressionLevel 6
 
          AddOutputFilterByType DEFLATE text/html
          AddOutputFilterByType DEFLATE text/plain
          AddOutputFilterByType DEFLATE text/xml
          AddOutputFilterByType DEFLATE application/xhtml+xml
          AddOutputFilterByType DEFLATE text/css
          AddOutputFilterByType DEFLATE application/xml
          AddOutputFilterByType DEFLATE image/svg+xml
          AddOutputFilterByType DEFLATE application/rss+xml
          AddOutputFilterByType DEFLATE application/atom_xml
          AddOutputFilterByType DEFLATE application/javascript
          AddOutputFilterByType DEFLATE application/x-javascript
          AddOutputFilterByType DEFLATE application/x-httpd-php
          AddOutputFilterByType DEFLATE application/x-httpd-fastphp
 
          BrowserMatch ^Mozilla/4 gzip-only-text/html
          BrowserMatch ^Mozilla/4\.0[678] no-gzip
          BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
 
   <IfModule mod_headers.c> 
                Header append Vary User-Agent env=!dont-vary
   </IfModule>
</IfModule>
 

Danach starten wir den Apache durch:

 
/etc/init.d/apache2 restart
 

...und überprüfen mit Firebug wieder das Ergebnis, indem wir die Shopseite komplett neu laden (mit leerem Cache bzw. SHIFT-Reload). Die textbasierten Dateien dürften jetzt nur noch ca. 25% der ursprünglichen Größe haben. Ganz genau sieht man den Vergleich, wenn man zusätzlich Firefox Add-on Page Speed von Google installiert und hier auf „Resources“ klickt, denn hier wird für jede Datei „File Size“ und „Transfer Size“ angegeben. Letztere haben wir gerade optimiert.