posts - 15,comments - 29,trackbacks - 0

                  現在的系統為了得到更好的用戶體驗,都加入了ajax的特效,只要用到了ajax的代碼,就會引來一大堆js代碼,這些代碼其實也挺占用帶寬的,為了使網頁加載得更快,決定在項目中才用網上流行的js壓縮器來壓縮代碼。壓縮后的代碼基本可以抽掉40%左右的脂肪。
           
                  找到幾個壓縮器,發現很多壓縮器壓縮后的js代碼都出現這樣或那樣的問題

          ESC 1.14   http://www.saltstorm.net/depo/esc/?pod=js   壓縮后有些中文會出現問號(我的js代碼是用utf-8格式)
          jsmin http://www.crockford.com/javascript/jsmin.html   壓縮后有些中文會出現問號
          dean edwards的packer http://dean.edwards.name/packer/ 壓縮后的js代碼會出現部分分號或大括號丟失,導致語法錯誤


          最后找到了yuicompressor-2.3.4 http://developer.yahoo.com/yui/compressor/ 感覺很好用,壓縮后無損代碼,而且連css也可以壓縮,壓縮的時候很多參數可以設置,可以制定js代碼的編碼格式等,java運行,本人寫了一個bat批處理遍歷制定文件夾里面的所有js和css文件進行壓縮。

          項目中用到網上流行的ext2 js庫,所以項目中有很多js代碼,于是寫的bat遍歷文件壓縮代碼

          (dir %1 /aa //s  | findstr //c:"js">tmp.txt
          for /%%i in (tmp.txt) do java -jar yuicompressor-2.3.4.jar --type js --charset utf-8 -%%i.tmp %%i  & copy %%i".tmp" %%& del %%i".tmp"


          (dir 
          %1 /aa //s  | findstr //c:"css">tmp.txt
          for /%%i in (tmp.txt) do java -jar yuicompressor-2.3.4.jar --type css --charset utf-8 -%%i.tmp %%i  & copy %%i".tmp" %%& del %%i".tmp"


          保存為  jscompressor.bat 運行的時候在輸入 jscompressor <path>  (<path>是我們指定的路徑) 就可以批量進行壓縮,壓縮后替換壓縮前的代碼。



          下面是一些參數的說明。

          ==============================================================================
          YUI Compressor
          ==============================================================================

          NAME

            YUI Compressor 
          - The Yahoo! JavaScript and CSS Compressor

          SYNOPSIS

            Usage: java 
          -jar yuicompressor-x.y.z.jar [options] [input file]

            Global Options
              
          -h, --help                Displays this information
              
          --type <js|css>           Specifies the type of the input file
              
          --charset <charset>       Read the input file using <charset>
              
          --line-break <column>     Insert a line break after the specified column number
              
          -v, --verbose             Display informational messages and warnings
              
          -<file>                 Place the output into <file>. Defaults to stdout.

            JavaScript Options
              
          --nomunge                 Minify only, do not obfuscate
              
          --preserve-semi           Preserve all semicolons
              
          --disable-optimizations   Disable all micro optimizations

          DESCRIPTION

            The YUI Compressor is a JavaScript compressor which, in addition to removing
            comments and white
          -spaces, obfuscates local variables using the smallest
            possible variable name. This obfuscation is safe, even when using constructs
            such as 
          'eval' or 'with' (although the compression is not optimal is those
            cases) Compared to jsmin, the average savings is around 
          20%.

            The YUI Compressor is also able to safely compress CSS files. The decision
            on which compressor is being used is made on the file extension (js or css)

          GLOBAL OPTIONS

            
          -h, --help
                Prints help on how to use the YUI Compressor

            
          --line-break
                Some source control tools don
          't like files containing lines longer than,
                say 8000 characters. The linebreak option is used in that case to split
                
          long lines after a specific column. It can also be used to make the code
                more readable, easier to debug (especially with the MS Script Debugger)
                Specify 
          0 to get a line break after each semi-colon in JavaScript, and
                after each rule in CSS.

            
          --type js|css
                The type of compressor (JavaScript or CSS) is chosen based on the
                extension of the input file name (.js or .css) This option is required
                
          if no input file has been specified. Otherwise, this option is only
                required 
          if the input file extension is neither 'js' nor 'css'.

            
          --charset character-set
                If a supported character set is specified, the YUI Compressor will use it
                to read the input file. Otherwise, it will assume that the platform
          's
                default character set is being used. The output file is encoded using
                the same character set.

            
          -o outfile
                Place output in file outfile. If not specified, the YUI Compressor will
                
          default to the standard output, which you can redirect to a file.

            
          -v, --verbose
                Display informational messages and warnings.

          JAVASCRIPT ONLY OPTIONS

            
          --nomunge
                Minify only. Do not obfuscate local symbols.

            
          --preserve-semi
                Preserve unnecessary semicolons (such as right before a 
          '}') This option
                is useful when compressed code has to be run through JSLint (which is the
                
          case of YUI for example)

            
          --disable-optimizations
                Disable all the built
          -in micro optimizations.





           

          posted on 2008-06-19 00:45 流腥魚 閱讀(1989) 評論(4)  編輯  收藏 所屬分類: Javascript

          FeedBack:
          # re: js瘦身有道--選好合適的減肥藥
          2008-06-19 09:07 | HiMagic!
          的確,現在JS類庫滿天飛,為了個ajax有些不甘心引入那么大一坨代碼。作為程序員,作為軟件開發者,最好能從中找到自己需要的核心代碼,在需要時把它們拿出來。  回復  更多評論
            
          # re: js瘦身有道--選好合適的減肥藥
          2008-06-19 14:16 | BeanSoft
          計劃做個yuicompressor的外殼,要不然敲命令太頭大了。  回復  更多評論
            
          # re: js瘦身有道--選好合適的減肥藥
          2008-06-20 17:27 | Jacky-Q
          用JSA來壓縮如何呢?  回復  更多評論
            
          # re: js瘦身有道--選好合適的減肥藥
          2008-07-09 17:13 | wzjcool
          yuicompressor-2.3.5.jar

          jar是nokia手機的格式吧,在PC上如何安裝呢,望大師指點  回復  更多評論
            

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 交口县| 微博| 焦作市| 凭祥市| 博兴县| 陇川县| 渭源县| 榆林市| 岗巴县| 龙川县| 张家港市| 汝州市| 开封县| 桦甸市| 佛坪县| 衡山县| 保德县| 蒙自县| 永春县| 墨玉县| 汝阳县| 延川县| 临澧县| 丹凤县| 兴安盟| 吴川市| 马龙县| 东乌珠穆沁旗| 临澧县| 全州县| 盈江县| 仲巴县| 平罗县| 宁晋县| 托克逊县| 浮山县| 微博| 工布江达县| 斗六市| 年辖:市辖区| 西贡区|