CSS/JavaScriptを最適化するEclipseプラグイン「jsLex」

JavaScript/CSSの圧縮

まずはJavaScriptを圧縮してみよう。jsLexは改行や空白を除去した単純な圧縮、YUI Compressorを使用した圧縮、さらにファイルそのものをgzipで圧縮することができる。

JavaScriptファイルを圧縮するにはパッケージ・エクスプローラービューなどで圧縮したいJavaScriptファイルを選択し、右クリックメニューから「Rockstarapps」→「Compress JavaScript…」を選択する。

圧縮時のオプションでJavaScriptファイルを変更した際に圧縮ファイルを自動的に再生成するようにすることもできる。再圧縮をわすれてしまうことがなくなるので便利な機能だ。JavaScriptファイルを圧縮すると以下のように3つのファイルが作成される。

生成されたファイルをエディタで開くと以下のように圧縮されていることがわかる。

なお、JavaScriptファイルだけでなく、CSSファイルも同様の操作で圧縮を行うことが可能だ。