Aplikacje internetowe napisane w języku JavaScript są coraz większe - więcej funkcjonalności, więcej możliwości, ale co za tym idzie więcej objętości, większy czas ładowania strony…

Sposobów na przyspieszenie ładowania strony jest co najmniej kilka:

1. kompresja plików JS w locie (za pomocą gzip),
2. sterowanie cachowaniem plików (na przykład za pomocą nagłówków),
3. kompresja plików JS statycznie,
4. łączenie kilku plików w jeden plik JS.

W tym artykule skupie się na trzeciej możliwości, czyli kompresji polegającej między innymi na usuwaniu białych znaków oraz skracania nazw zmiennych.
Warto jednak zaznaczyć, iż niektóre z wyżej wymienionych sposób można ze sobą łączyć.

Zakładam w dalszej części, iż wiesz co to skrypt Ant oraz platforma Eclipse - jeżeli nie wiesz… czas najwyższy to nadrobić

Aby ułatwić sobie zadanie kompresji można skorzystać z zadania w Ant jaki udostępnia nam biblioteka dostępna na stronie:
http://www.lcasoft.com/compress-js.html

Krótkie omówienie krok po kroku:

1. Ściągnij jar custom_rhino.jar (na przykład ze strony http://svn.dojotoolkit.org/dojo/trunk/buildscripts/lib/custom_rhino.jar)
2. Ściągnij jar compress_js.jar (http://www.lcasoft.com/downloads/compress-js.jar)
3. Skopiuj w/w jary do katalogu w Twoim projekcie (załóżmy, że będzie nim .jar/)
4. Zakładając, że wszystkie pliki JS masz w katalog js/ skopiuj je do katalogu js-source/
5. Stwórz skrypt Ant, na przykład:
   1.  
   2. <project name="WebApp" basedir="." default="compress">
   3. <path id="cp.path">
   4.       <fileset dir="./.jars" includes="*.jar"></fileset>
   5.    </path>
   6.    <taskdef name="compress-js">
   7.          classname="com.webpanes.tools.ant.taskdefs.CompressJS"
   8.          classpathref="cp.path"> </taskdef>
   9.  
   10.    <target name="compress">
   11.       <compress-js todir="./js/" stripcr="true">
   12.          <fileset dir="./js-source/">
   13.             <include name="**/*.js"></include>
   14.          </fileset>
   15.       </compress-js>
   16.    </target>
   17. </project>
6. Wykonanie skryptu Anta spowoduje kompresje plików JS i skopiowanie ich do katalogu js/ (w platformie Eclipse możesz skorzystać ze skrótu Shift+Alt+X i Q).

I tak po 6 krokach mamy swój kompresor plików JS. Oczywiście skrypt Anta możesz rozbudować i dostosować do własnych potrzeb.