Joomla!® User Group Fulda

Ladezeiten verbessern - Teil 5 - JavaScript optimieren

Überblick Tools Bilder optimieren CSS optimieren JavaScript optimieren Serverseitige Komprimierung Dateien zusammenfassen mootools deaktivieren Reihenfolge von CSS- und JavaScript-Dateien Cache aktivieren Gute Lösung für Joomla! Weitere Tipps und Verweise

Einige Tools beschäftigen sich mit der Komprimierung von JavaScript. Hierzu gehören z. B. der JSMIN und auch der YUI Compressor.

 

JSMIN, The JavaScript Minifier

Joomla! nutzt von Haus aus das JavaScript Framework mootools, das durch JSMIN komprimiert wurden. Der JSMIN komprimiert die mootools.js von 179 KB auf 72 KB.

 

 

Als Ergebnis liefert das Tool einen Code, der von Kommentaren, Tabulatoren und den meisten Zeilenumbrüchen befreit wurde.

 

YUI Compressor

Der Kompressor der "Yahoo Unser Interface Library" kurz (YUI Compressor) packt hier noch ein wenig mehr zu. Wenn man die mootools.js unkomprimiet durch den YUI Compressor jagt, so werden aus den 179 kByte nur noch 65 kByte.

 

 

Der Code beinhaltet nun keine Zeilenumbrüche und unnötigen Leerzeichen mehr.

Für den Einsatz in Joomla! sind die mootools, die durch den YUI Compressor komprimiert wurden, immer noch bestens geeignet. Daher tauschen Sie das Framework ruhig aus. Die mootools.js liegt im Verzeichnis /media/system/js. Die aktuelle Version des Frameworks können Sie YUI-Komprimiert direkt unter mootools.net herunterladen, derzeit die 1.2.4.

 

Joomla! wird in der Version 1.5.15 noch mit der 1.12 ausgeliefert. Wer sich sicher sein will, dass da nix schief geht, nimmt einfach die mootools.js aus der Joomla! Installtion und komprimiert die mit dem YUI Compressor selbst (wie gerade beschrieben). Dann habt Ihr auf jeden Fall die gleiche Version.

Auch JavaScripts bringen einige Erweiterungen mit. Genau wie bei den CSS Dateien kann man diese ggf. auch etwas komprimieren. Nach dem Update der Erweiterung ist das dann ggf. zu wiederholen.

 

Natürlich Interessieren uns weitere Compressoren. Gibt es einen Kompressor, der genau so gute oder sogar bessere Arbeit leistet wie der YUI Kompressor von Yahoo?

Weitere Infos im Web zum Thema JavaScript Komprimierung

Online kann man den JavaScript Code z. B. über

• JavaScript Compressor (http://javascriptcompressor.com/Default.aspx)
• YUI JavaScript und CSS Komprimierer (http://yui.2clics.net/)
• JavaScript Komprimierer (http://jscompress.com/)
• JavaScript und CSS Komprimierer (http://compressor.ebiene.de/)
• JavaScript Compressor Rater (compressorrater.thruhere.net)
• Closure Compiler für JavaScript (http://code.google.com/intl/de-DE/closure/compiler/)
• CSS und JavaScript Compressor (http://www.creativyst.com/Prod/3/)

komprimieren lassen.

Artikel zum Thema JavaScript Kommprimierung

• Compress JavaScript (http://joseph.randomnetworks.com/archives/2006/07/13/compressed-javascript/)
• Beitrag "Performance Optimization - How to Load your JavaScript faster!" auf 1webdesigner.com

JavaScript - Deklaration auch nach dem Aufruf möglich

• JavaScript Funktionen - Definition und Aufruf (http://www.mediaevent.de/javascript/Javascript-Funktionen-Grundlagen.html)

• < Zurück
• Weiter >