YUI compressor js,css壓縮

YUI compressor

2009年02月06日 星期五 08:24

這幾天正在爲壓縮代碼的事情所困擾,大家也可以看見,我的博客頂端有兩個在線的壓縮工具,但在實際應用過程中,除了CSS的壓縮比較滿意外,JS的壓縮,很是不爽,如果語法有問題的話(比如缺少”;”),就會出現無法預知的錯誤。

不過讓人欣慰的是,Yahoo!給我們帶來了YUI compressor!,呵呵,廢話少說,趕緊體驗。

YUI compressor的下載地址是:http://developer.yahoo.com/yui/compressor/

淘寶做了一個可視化的版本,叫做TBCompressor,可以到這裏下載:http://lifesinger.org/blog/?p=464
謝謝歲月老大!

如果你沒有安裝JAVA環境的話,還需要安裝一下JDK

下載地址是:http://java.sun.com/javase/downloads/index.jsp 我們選擇(Java SE Development Kit (JDK) 6 Update 12)這個下載。

下載,安裝,一路Next,沒有任何問題,對了,你可以修改一下路徑。

安裝完畢以後,需要配置一下JAVA_HOME環境變量。

配置方法如下。

1、點擊我的電腦—>屬相—>高級—>環境變量—>系統變量

2、新建系統變量,變量名JAVA_HOME,變量值:C:/Program Files/Java/jdk1.6.0_12 (我的是在C盤,你的JDK安裝到那個盤,就寫那個盤)

3、在系統變量中找到Path變量,在後面添加路徑:;%JAVA_HOME%/jre6/bin

OK,一路確定,關閉窗口。

打開CMD,輸入java -version

看看能不能出來版本?

java version "1.6.0_12"
Java(TM) SE Runtime Environment (build 1.6.0_12-b04)
Java HotSpot(TM) Client VM (build 11.2-b01, mixed mode, sharing)

 

OK,我的沒有問題了,呵呵,現在,我們測試一下,看看他的壓縮效果。

我們就壓縮一個Dreamweaver自帶的“AC_RunActiveContent.js”腳本文件。

下圖中,左側的是原始文件,右側的是壓縮後的文件。

 

YUI壓縮對比圖

呵呵,接近50%的壓縮比,不錯了!另外,就目前測試的情況來看,非常完美,不會出現在線壓縮工具經常出現的“語法錯誤”了。

發佈了115 篇原創文章 · 獲贊 11 · 訪問量 84萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章