當(dāng)你想讓你的 JavaScript 代碼運(yùn)行或加載更快時(shí)，可能你需要精簡(jiǎn)代碼。下面的這些工具可精簡(jiǎn)你的 JavaScript 代碼，讓它運(yùn)行良好。

簡(jiǎn)而言之，精簡(jiǎn)代碼就是刪掉源代碼中不必要的字符，而不改變其功能的過(guò)程。這也稱為代碼壓縮和最小化。很多生產(chǎn)環(huán)境的網(wǎng)站都會(huì)最小化 JavaScript 代碼，但是它們的技術(shù)并不具有通用性。為了成功執(zhí)行不同的困難任務(wù)，Web 開(kāi)發(fā)者能從這些優(yōu)秀的 JavaScript 精簡(jiǎn)工具收獲巨大的好處。在開(kāi)發(fā)過(guò)程中，這些增強(qiáng)的 JavaScript 精簡(jiǎn)工具可以輔助開(kāi)發(fā)者并幫助改進(jìn)代碼。精簡(jiǎn)代碼將能提升加載時(shí)間和 Web 應(yīng)用程序性能。下面是一些推薦的工具：

這是一個(gè)用 Java 開(kāi)發(fā)的用于壓縮 JavaScript 和 CSS 文件的命令行工具，出自雅虎。YUI Compressor 十分適合你的需求，它 100% 安全，與其他工具相比，它提供了更高的壓縮比。

Packers 也是一個(gè)著名的 JavaScript 精簡(jiǎn)工具。它會(huì)自動(dòng)創(chuàng)建代碼的壓縮版本。因此你只需要粘貼代碼并點(diǎn)擊 pack 按鈕，它就會(huì)進(jìn)行超出常規(guī)的壓縮，并使用 JavaScript 運(yùn)行時(shí)添加高級(jí)的即時(shí)解壓縮。

JavaScript 文件中不必要的注釋和空格都可以通過(guò)使用 JS Min 輕易地消除。它可以將文件的體積大小減少一半，從而提升加載 JS 文件的速度。它還鼓勵(lì)采用更具表達(dá)性的編程風(fēng)格，因?yàn)樗饲謇砦臋n的下載成本。

這個(gè)壓縮工具使用 Rhino 庫(kù)來(lái)解析 JavaScript，還解析了本地變量名。腳本的大小也可以自然地向下調(diào)整，從而讓它依賴于編程風(fēng)格。它永遠(yuǎn)不會(huì)更改公共變量和 API，這意味著你可以將壓縮版的 JavaScript 放到頁(yè)面中，而不需更改任何代碼。

如果你想讓你的 JavaScript 加載和運(yùn)行速度非常快，Google Closure compiler 是一個(gè)非常好的工具。這個(gè)工具可消除冗余的代碼，會(huì)評(píng)估并重寫(xiě)它，還會(huì)減少多余代碼。它還會(huì)檢查語(yǔ)法、變量引用和類型，并警告你常見(jiàn)的 JavaScript 陷阱。這是一款真正的 JavaScript 編譯器。

這個(gè)工具是一個(gè) Windows 應(yīng)用程序，可讓你在不使用命令行或 Visual Studio 的情況下運(yùn)行。它可將文件夾和嵌套文件夾中的所有 JavaScript 文件壓縮，也可以壓縮單個(gè) JavaScript 文件，啟用或禁用 Minifier 的超級(jí)壓縮和分析選項(xiàng)等。

用于壓縮 CSS/JS 文件的簡(jiǎn)單小工具，不需要復(fù)雜的設(shè)置。它會(huì)將 CSS 中的 URL 從原始位置轉(zhuǎn)換為輸出位置。還可以自動(dòng)解析 CSS 中的  語(yǔ)句。

JSCompress.com 是一個(gè)在線地 JavaScript 壓縮器，可用于壓縮和精簡(jiǎn) JavaScript 文件。壓縮過(guò)的 JavaScript 文件是生產(chǎn)環(huán)境的理想選擇，因?yàn)樗鼈兺ǔ⑽募拇笮p少 30-90%。大多數(shù)文件大小的壓縮是通過(guò)刪除 Web 瀏覽器或訪問(wèn)者不需要的注釋和額外的空白字符來(lái)實(shí)現(xiàn)的。

Smaller 是 OS X 上強(qiáng)大的 HTML，CSS 和 JavaScript 壓縮工具，還能夠把多個(gè)文件合并成一個(gè)文件。壓縮文件能提升網(wǎng)站的訪問(wèn)速度。

Minify 是一個(gè) PHP5 應(yīng)用程序，可幫助你遵循用于建設(shè)高性能網(wǎng)站的雅虎的規(guī)則。它結(jié)合多個(gè) CSS 或 JavaScript 文件，刪除不必要的空格和注釋，并為它們提供 gzip 編碼和最佳的客戶端緩存頭部信息。

本文轉(zhuǎn)載自