Pixelfans

23 Dez 2010

Pack die CSS Datei ein

geschrieben von Pawel

Bei einem CMS ist Turbine ein viel versprechender Ansatz, die Arbeit mit CSS-Dateien zu optimieren. Für eine kleine Seite ist diese Variante ein bisschen "oversized". SVG Present Das Paket verkleinert sich bei einem Klick! Um eine Optimierung kommt man aber auch hier nicht herum, wenn einem die Performance der Seite nicht völlig egal ist.

Eine einfache Variante ist das Komprimieren der Datei(en). Diese Variante verwende ich bei meiner Batik-Seite.

Die Javascriptdatei und das Stylesheet liegen auf einer Subdomain gemeinsam mit folgender .htaccess:

.htaccess (Auszug) 

RewriteCond %{HTTP:Accept-Encoding} .*gzip.*
RewriteRule ^js/(.*)\.js$ /js/$1.js.gz [L]
RewriteRule ^css/(.*)\.css$ /css/$1.css.gz [L]
Im Verzeichnis css befinden sich 2 Dateien, Die unkomprimierte Variante enthält die bekannte Endung *.css und die komprimierte Datei *.css.gz. Diese sind unter Linuxsystemen recht schnell erzeugt. Die Anweisungen in der .htaccess sorgen dafür, dass nur Browser die gzip verstehen, die komprimierte Variante ausgeliefert bekommen.

Das gleiche gilt analog auch für die Javascriptdateien.

Kategorie: CSS | Trackbacks (0) | Permalink