<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    The NoteBook of EricKong

      BlogJava :: 首頁 :: 聯(lián)系 :: 聚合  :: 管理
      611 Posts :: 1 Stories :: 190 Comments :: 0 Trackbacks

    現(xiàn)在越來越多的 WordPress Themes使用了jQuery,已及其它使用了Js的插件,這些Js文件通常位于</head>之前。我們知道網(wǎng)頁加載的順序是從上到下,從左到右,如果頭部需加載的文件過多過大的話,會嚴重影響網(wǎng)頁打開的時間。畢竟中國的網(wǎng)絡(luò)環(huán)境還不成熟,所以要有一個折衷的方法來盡量縮小文件尤其是Js文件的大小。

    微軟曾出品了一款叫Microsoft Ajax Minifier的Js壓縮工具,適用于所有的Js文件,左手煙@今天特地又拿出來研究一下,我是個完美主義者,對什么都講求精益求精,所以下面的解說朋友們都應(yīng)該能夠理解與明白,我們只要會用即可,不必深究其技術(shù)層面的東西。

    優(yōu)點:壓縮率高、安全可靠、代碼規(guī)范

    缺點:需要手動輸入命令執(zhí)行操作

    第一步,下載最新版的 Microsoft Ajax Minifier 1.1,點擊 I Agree 按鈕后下載文件并保存到桌面上,雙擊進行安裝,之后在開始-程序-Microsoft Ajax Minifier文件夾中找到Microsoft Ajax Minifier Command Prompt,單擊后彈出熟悉的CMD命令窗口,如圖

    第二步,將你需要壓縮的Js文件復(fù)制到C盤以外的D或E等根目錄,為什么要這么做?因為有使用Win 7的朋友對C盤的操作權(quán)限有限制,會導(dǎo)致文件不被生成,我們就放到D盤跟目錄即可。下面先說說它的三種命令壓縮方式:(舉例:現(xiàn)在D盤有一個demo.js文件需要壓縮)

    1. 普通壓縮:ajaxmin d:\demo.js 效果不大,不推薦使用,了解即可;
    2. 高級壓縮:ajaxmin d:\demo.js -o d:\demo1.js 將demo.js壓縮后轉(zhuǎn)換成demo1.js保存在D盤根目錄,效果明顯,推薦;
    3. 超級壓縮:ajaxmin -h d:\demo.js -o d:\demo2.js 將demo.js超級壓縮后轉(zhuǎn)換成demo2.js保存在D盤根目錄,效果顯著,強烈推薦;

    敲回車鍵執(zhí)行命令,出現(xiàn)crunching file ‘demo.js’…done.字樣說明成功,同時,D盤根目錄會多出來demo1.js或demo2.js文件。

    有朋友會發(fā)現(xiàn)后兩種方式壓縮后的文件大小區(qū)別不大,也就2k左右。這里要說明一下這是為什么。當(dāng)使用了-h(hyper-crunching)的指令,你會發(fā)現(xiàn)一些區(qū)域指令被改名成比較簡單的命名,例如:var exists–>var a,因此字節(jié)數(shù)會再少一些,但是效果不打折,我們不必管它的原理,好用即可。

    第三步,將壓縮后的Js文件重命名后覆蓋掉之前的,傳至服務(wù)器。當(dāng)然備份工作也是要做的,在測試沒有問題時即可刪掉原先臃腫的文件。

    我們用最新的jQuery 1.3.2來做個試驗。官方下載地址在這里。官方提供了2個版本,一個迷你版,大小為57253字節(jié);完整版,大小為120763字節(jié)。用 -h 參數(shù)后迷你版大小為55860字節(jié);完整版大小為55863字節(jié),一大半被壓縮掉了,效果非常顯著。

    引申閱讀:玩WordPress的朋友都想盡辦法讓加載再快點,容量再小點,其它的Js壓縮方法網(wǎng)上也很多,比如在線壓縮。去這里試試效果吧。你會發(fā)現(xiàn)效率遠沒有Microsoft Ajax Minifier來得好,上面那個完整版在線進行超級壓縮后為73285字節(jié),這就是差距啊。微軟畢竟是有一定技術(shù)含量的,不然也不會遛出來獻丑了。:-)

     

    posted on 2010-06-05 09:40 Eric_jiang 閱讀(906) 評論(1)  編輯  收藏 所屬分類: JavaScript

    Feedback

    # re: 用Microsoft Ajax Minifier技術(shù)高效率壓縮Js文件[未登錄] 2012-04-27 15:04 Kaka
    Yes,I Like this style!  回復(fù)  更多評論
      

    主站蜘蛛池模板: 免费国产污网站在线观看| 成人a免费α片在线视频网站| 久久亚洲精品无码AV红樱桃| 91成人免费在线视频| 羞羞网站免费观看| 久久丫精品国产亚洲av| 日韩一级免费视频| 国产免费无码AV片在线观看不卡| 亚洲av无码一区二区三区观看| 免费中文字幕一级毛片| 污视频在线免费观看| 真人无码作爱免费视频| 日韩亚洲Av人人夜夜澡人人爽| 四虎永久免费网站免费观看| 少妇人妻偷人精品免费视频| 国产av无码专区亚洲av毛片搜| 亚洲欧洲日产专区| 亚洲精品tv久久久久| 99久久这里只精品国产免费| 国产永久免费高清在线| 美美女高清毛片视频黄的一免费 | 亚洲人成在线中文字幕| 亚洲综合久久夜AV | 成人午夜18免费看| 少妇人妻偷人精品免费视频 | 2021国内精品久久久久精免费| 一级毛片免费播放视频 | 99视频在线看观免费| EEUSS影院WWW在线观看免费| 亚洲国产精品美女久久久久| 亚洲福利秒拍一区二区| 亚洲无线观看国产精品| 四虎永久在线精品免费观看地址| 免费精品人在线二线三线区别| 99爱在线精品视频免费观看9| fc2免费人成在线视频| 日韩国产欧美亚洲v片| 97久久国产亚洲精品超碰热| 亚洲五月六月丁香激情| 亚洲人成网站在线播放vr| 成人亚洲网站www在线观看 |