Traffic

[Everlast3310]

Irgend wie klappt das nicht so. Habe eine gzip_css.php in meinem Verzeichnis css erstellt mit dem Inhalt

<link rel="stylesheet" href="main.css.php" type="text/css" media="screen"> 

Und so sieht meine .htaccess aus.

RewriteEngine On
RewriteCond %{HTTP_HOST} ^klick4.de$ [NC]
RewriteRule ^(.*) http://www.klick4.de/$1 [R=301]

RewriteCond %{HTTP:Accept-Encoding} .*gzip.*
RewriteRule ^(.*)\.js$ $1.js.gz [L]
AddType application/x-javascript .gz
RewriteRule ^css/(.*)\.css$ /css/$1.css.gz [L]
AddEncoding x-gzip .gz

[jpwfour]

So vermischt du 2 Methoden, deine Rewrite Regeln sorgen ja schon dafür, dass im Falle dass der Browser gzip "versteht", statt einer *.css eine gleichnamige *.css.gz geliefert wird, ebenso bei *.js Dateien.

Da ist dann die PHP Datei eigentlich nicht nötig.

Ob die Regeln so richtig sind und funktioneiren, kannst man am einfachsten testen, indem man die gz mal mit anderen CSS füttert, dann sieht man den Unterschied ja (und Firefox nutzt, und einmal gzip aktiviert/deaktiviert).

[jpwfour]

Was unter Umständen bei größeren CSS Dateien auch noch Sinn macht, ist eine vorherige Komprimierung des Textes, also Formatierung raus, die meisten Tools kürzen auch Farbangaben (aus #CCCCCC wird dann bspw. #CCC usw.) oder fassen sogar gleiche Regeln zusammen und lassen Regeln weg, die eh überschrieben werden (wobei das dann schon "fortgeschritten" ist).

Hab das mal mit einer 36.141 Bytes großen CSS Datei ausprobiert:


[tableold="head;sort=2"]Seite|Bytes
http://www.csscruncher.com/de/ |25.143 Bytes
http://iceyboard.no-ip.org/projects/css_compressor |22.982 Bytes
http://compressor.ebiene.de/ |24.599 Bytes
http://www.cssdrive.com/index.php/main/csscompressor/ |24.355 Bytes
[/tableold]

Dementsprechend verringert sich die gzip'te Größe, von:
8.948 Bytes auf 5.874 Bytes (iceyboard.no-ip.org)
(7zip, Stärke: "Ultra")

Wer das automatisiert haben will, gibts natürlich auch PHP Klassen für.

Btw: Zur Überprüfung kann man sich auch die Header anschaun, gibt's ja auch massig Firefox Addons zu, sollte dann etwa so aussehen:

Content-Type: text/css
Content-Encoding: gzip