Joomla!® User Group Fulda

Ladezeiten verbessern - Teil 5 - JavaScript optimieren

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.

 

mootools - JSMin Compressed

 

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.

 

mootools - YUI Compressor

 

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)

Kommentar schreiben

Kommentare sind jeder Zeit willkommen. Beachtet, dass eure Kommentare zunächst von uns gelesen werden, bevor wir sie freischalten. Ihr könnt euch vorstellen, das auch über diese Komponenten viel Spam verbreitet wird.

Weiterhin noch der Hinweis: Die Kommentar-Erweiterung arbeitet mit Cookies! Ohne aktive Cookies werden die Captchas nicht erkannt!


Sicherheitscode
Aktualisieren

Anmeldung

Wer mitmachen möchte schickt uns bitte über das Kontaktformular eine kurze Info mit Eurer E-mail-Adresse und eurem Wunschnamen.

JUG Fulda

JUG Fulda auf Twitter

Tweets von @jugfulda
Copyright © 2013 Joomla!® User Group Fulda. Alle Rechte vorbehalten.
Joomla! ist freie, unter der GNU/GPL-Lizenz veröffentlichte Software.