上一篇文章介紹了css在線壓縮及格式化美化工具，本文再介紹一個(gè)非常好用的js在線壓縮及格式化美化工具。同樣，該工具出自卡卡測速網(wǎng)。
js壓縮又叫簡化js，在google的網(wǎng)站速度優(yōu)化建議中，js壓縮同樣是非常重要的部分，詳見簡化JavaScript。
google認(rèn)為：
簡化JavaScript代碼能夠節(jié)省很多字節(jié)和加速下載、解析和執(zhí)行時(shí)間。
這個(gè)說法是相當(dāng)正確的。如果大家細(xì)心點(diǎn)，就會發(fā)現(xiàn)各種門戶大站的js都是經(jīng)過壓縮簡化的，甚至連百度和google這種只有幾千字節(jié)的極致簡潔的網(wǎng)頁也對js代碼進(jìn)行了壓縮簡化。
大家都知道，js代碼分調(diào)試版和正式版，調(diào)試版代碼寫著各種大量的注釋語句以及經(jīng)過美化以便閱讀修改，這種代碼是相當(dāng)臃腫和體積相當(dāng)大的，而正式版是去掉了注釋語句且不需要美化只追求簡化，這種代碼的體積就變得小了很多。
看看下面的實(shí)例。
壓縮前的js
/*
* This external script is part of the optimize javascript example.
* This comment will be removed.
*/
// Print on the screen. This comment will also be removed.
document.write("This is updated by external javascript");
壓縮后的js
document.write("This is updated by external javascript");
前后對比一下，壓縮前是227字節(jié)，壓縮后是57字節(jié)，壓縮率高達(dá)75%。
體積小有什么好處，還是google說的那句話，簡化JavaScript代碼能夠節(jié)省很多字節(jié)和加速下載、解析和執(zhí)行時(shí)間。
使用在線工具壓縮和格式化js
js壓縮和格式化，使用人工來實(shí)現(xiàn)是不實(shí)際的，必須借助工具，卡卡網(wǎng)推出的js壓縮和格式化工具就能很好的實(shí)現(xiàn)這一功能。
其實(shí)，卡卡網(wǎng)在三年前就推出了js在線壓縮工具，當(dāng)時(shí)做得比較粗糙，本次更新是全方面的，前端界面使用了著名的CodeMirror編輯器，代碼高亮顯示，后臺程序使用了雅虎的Yahoo.Yui.Compressor.dll組件，壓縮率是相當(dāng)高且相當(dāng)安全的。
本次更新同時(shí)新增了js格式化功能，js格式化起到美化代碼的作用，方便閱讀與分析，配合CodeMirror編輯器，代碼高亮顯示，效果更好。另外，在處理方式上采用監(jiān)控性方法，即修改源代碼時(shí)，格式化內(nèi)容也跟著改變，無需再點(diǎn)擊按鈕了，正所謂“即改即見效”，用戶體驗(yàn)更佳。
js格式化
js壓縮
從上圖例子看到，壓縮率達(dá)到了27.08%，效果還是不錯(cuò)的。
最后附上工具地址：http://pagespeed.webkaka.com/youhua/js/
