JavaScript und CSS-Dateien verkleinern

Als Web-Entwickler sollte man trotz gängigen Breitband Anschlüssen darauf achten, dass der User nicht zuviel Bytes laden muss. Um seine Seite etwas zu optimieren, kann man mit dem Firebug Plugin YSlow seine Seite analysieren und prüfen, welche Dateien die länsten Ladezeiten haben. YSlow macht zusätzlich aber noch viel mehr und gibt Vorschläge, wie man die Seite optimieren könnte (siehe Guidelines!!!)

Ein Punkt ist zum Beispiel, dass man versucht seine JS- und CSS-Dateien jeweils in eine große Datei packt und am besten auch noch alle Kommentare und Whitespaces entfernt.

Um die besagten Dateien zu komprimieren kann man entweder YUI Compressor oder JSMin nehmen.
Ich gehe hier nur auf JSMin ein:

Installation:

wget http://www.crockford.com/javascript/jsmin.c
gcc -o jsmin jsmin.c

Und los gehts:

./jsmin < bloated.js

oder die komprimierten Zeilen direkt in eine neue Datei schreiben:

./jsmin < bloated.js > minified.js

Das ganze funktioniert auch mit CSS-Dateien. Mit YUI Compressor hat man noch ein paar mehr Möglichkeiten, mir reicht JSMin vorerst jedoch völlig.

Have fun

Tags: ,

Leave a Reply