1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. YUI Compressor線上JS/CSS壓縮器

YUI Compressor線上JS/CSS壓縮器

2012/12/24

梅問題-網頁相關- YUI Compressor線上JS/CSS壓縮器

  一般製作網頁時,梅干一向不太喜歡將CSS、JS檔案進行壓縮,其原因很簡單,就因為梅干很”懶”,看來要多運動才行,除此之外,就是下回修改時,就得開啟未壓縮的原檔進行修改,當修改完畢後,就得再重新壓縮一次,再上傳到網路上,雖然說很麻煩,但檔案卻小很多,以前總覺得可能差不多,結果一壓縮後,沒想到檔案足足小了一倍以上,因此在這次梅問題的改版,梅干就將所有的能壓的,都盡量的壓小,來提升整體的讀取速度,沒想到這邊少一點,那邊少一點,整體的速度快了不少。


  雖然說網路上,有提供許多的Javascript壓縮器,但經梅干使用後,不壓還好一壓之後,不是這邊的效果壞掉,就是那邊的選單出不來,所以用了好幾套的壓縮服務後,發現Yahoo!所推出的YUI Compressor效果最好,不但壓縮率高,且沒問題,而YUI需要Java環境才可運作,那沒有Java環境的朋友,該怎麼辦呢?現在只要透過線上,立即就可幫你的js文件進行壓縮,讓網站開啟速度更加倍喔!


Javascript壓縮器:

網站名稱:YUI Compressor
支援文件:js/css
壓縮網址:http://refresh-sf.com/yui/

首先,將js文件的原始碼,全選並複製。
梅問題-網頁相關- YUI Compressor線上JS/CSS壓縮器


再貼入網站的輸入框中。
梅問題-網頁相關- YUI Compressor線上JS/CSS壓縮器


選擇JS類型,其它都不用做任何設定,再按下方的「Compress」鈕。
梅問題-網頁相關- YUI Compressor線上JS/CSS壓縮器


壓縮完畢後,從右邊可看到壓縮資訊,壓縮前與壓縮後的差異,接著按下方的鈕,將壓縮好的js下載回來。
梅問題-網頁相關- YUI Compressor線上JS/CSS壓縮器


馬上來比比看,原來是8.52KB,經壓縮後,只剩下3.75KB,足足少了一倍以上。
梅問題-網頁相關- YUI Compressor線上JS/CSS壓縮器