Manuell und flexibel komprimieren

Die Suchmaschinenoptimierung einer Webpräsenz ist sehr oft mit Kompromissen bei der Benutzbarkeit (Usability) verbunden. Wenn Css - Dateien und Javascript zu groß werden, hat das erhebliche Auswirkungen für die Ladezeiten. Ich möchte Ihnen heute eine elegante Möglichkeit zeigen, wie man gzip komprimierte Dateien manuell und flexibel in eine Webseite einbinden kann.

Voraussetzung: mod_rewrite muss aktiviert sein!

Öffnen Sie Ihre .htaccess Datei oder legen Sie bei Bedarf eine neue Datei an. Bestücken oder ergänzen Sie nun die .htaccess mit folgendem Inhalt:

RewriteCond %{HTTP:Accept-Encoding} .*gzip.*
RewriteCond %{REQUEST_FILENAME} ^.+\.(js|css)$
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.+) $1.gz [QSA,L]
RemoveType .gz
AddEncoding x-gzip .gz

Legen Sie nun für alle .css oder .js Dateien, die Sie komprimiert ausliefern wollen, eine .gz komprimierte Alternative im gleichen Verzeichnis an, in dem das Original liegt (Beispiel: style.css und style.css.gz oder jscript.js und jscript.js.gz).

Über eine Konsole oder ein Terminal erreichen Sie die Komprimierung ganz einfach mit dem Befehl:

gzip -9 style.css

In allen Verzeichnissen, in denen eine alternative gzip Datei vorhanden ist, wird diese nun anstatt der unkomprimierten Version übertragen. Browser, die keine Komprimierung unterstützen, ignorieren die Regel und laden die unkomprimierte Variante.

Mit diesem einfachen aber effektiven Eingriff kann man die Ladezeiten einer Webseite erheblich verkürzen. Das manuelle Handling unterstützt zudem das Verständnis für die Problematik. Ob alles funktioniert und die Dateien tatsächlich komprimiert eingelesen werden, können Sie mit einem Trafficscanner überprüfen.

Obwohl ich das manuelle arbeiten bevorzuge, gibt es natürlich für Typo3 verschiedene Erweiterungen, die eine gzip Komprimierung automatisieren. Beide Varianten haben Vor- und Nachteile. Über diese sehr hilfreichen Extensions berichte ich in meinem nächsten Artikel.