JavaScriptの圧縮

出典: SugarForum.jp

Sugarで用いられる、JavaScriptのソースコードは以下のディレクトリにまとめられている。

SugarRoot/jssource/src_files/

例えば、サブパネルで使うコードは、以下に収められている。

SugarRoot/jssource/src_files/include/SubPanel/SubPanelTiles.js

しかし、このコードが直接実行されることはない。圧縮(最小化)済みのファイルが以下にあり、実際に呼びだされるのはこちらになる。

SugarRoot/include/SubPanel/SubPanelTiles.js

両者の中身を比較すると、圧縮済みの後者は改行などが省かれているのが分かる。このファイルの場合、ファイルサイズにして24KB→20KBの節約だ。あまり大きな数字に見えないかもしれないが、SugarではAjaxを多用するため、転送量の節約は重要になる。

#SugarRoot/jssource/src_files/include/SubPanel/SubPanelTiles.js
var request_id = 0;
var current_child_field = ;
var current_subpanel_url = ;
var child_field_loaded = new Object();
var request_map = new Object();
//...省略

#SugarRoot/include/SubPanel/SubPanelTiles.js
var request_id=0;var current_child_field=;var current_subpanel_url=;var child_field_loaded=new Object();var request_map=new Object();function get_module_name()
//...省略

Sugarで使用されるJavaScriptのコードを調べる場合、圧縮済みのファイルを見ても疲れるだけだ。必ず、圧縮前のソースコードを参照するようにしたい。