JavaScript komprimieren – ganz einfach mit JSmin und Notepad++

Da ich sehr häufig in Beiträgen Beispiel-Codes veröffentliche, habe ich meinem Blog das Plugin SyntaxHighlighter Evolved gegönnt. Über Sinn und Unsinn eines solchen Plugins mag man streiten. Natürlich könnte ich die Codes auch ohne Plugin anzeigen lassen.
Allerdings stellt es diese einerseits sehr schön dar und ermöglicht das Hervorheben relevanter Zeilen. Andererseits bietet es natürlich einen gewissen Komfort für meine Besucher, die diesen Code per Klick auf das Copy-Symbol einfach kopieren und weiterverwenden können.

Mir als Admin habe ich noch das Plugin SyntaxHighlighter TinyMCE Button gegönnt, da es das Einfügen der Codes ohne Shortcode-Gefummel unheimlich erleichtert.

Nun ist mir durchaus bewusst, dass dieses Plugin vollgestopft ist mit Javascript-Dateien für die Darstellung sämtlicher Code-Sprachen. Um die Größen dieser Dateien zu komprimieren, existieren z. B. diverse Online-Tools. Einmal habe ich für diesen Zweck den JavaScript Cruncher gefunden und noch das Online Javascript Compression Tool.

Komprimierung geht auch bequemer

Für Änderungen in meinen Dateien verwende ich fast ausschließlich Notepad++ und daher kam mir in den Sinn, ob es nicht auch möglich ist, darüber eine Komprimierung der Javascripte durchzuführen. Zusammen mit der FTP-Funktion (das Plugin Npp FTP muss dafür in Notepad++ installiert sein) wäre dann eine Fließband-Arbeit wie das Komprimieren und Wieder-Hochladen von Plugin-Javascripten eine erhebliche Erleichterung. Und tatsächlich – die gibt es!

Auf meiner Suche im Internet fand ich das Plugin JSMinNPP, dass hier zusammen mit Notepad++ heruntergeladen werden kann. Eventuell ist es aber auch schon bei Euch in der Auflistung des Pluginmanagers unter Available von Notepad++ enthalten. Dann braucht ihr natürlich nur noch auf “install” klicken, Notepad neustarten und JSMin müsste dann im Kontextmenü unter Erweiterungen aufgeführt sein.

Um mir die Arbeit noch mehr zu erleichtern, habe ich für die Funktion JSMin einen Shortcut festgelegt. Abwechselnd habe ich dann diesen Shortcut und Strg + S (hiermit wird die geänderte Datei gespeichert und sofort in das Verzeichnis wieder hochgeladen) angewandt und das Komprimieren lief im Schnellverfahren ab.

Allerdings funktionierte die Lightbox meines Plugins Lightbox Plus nicht mehr einwandfrei und ich musste die Original JS-Datei bei diesem wieder zurückspielen.

Tipp!

Weitere schöne Funktionen von Notepad++ hat Erik in seinem Beitrag 10 tolle Tipps für Notepad++  ausführlich beschrieben.