DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> YUICompressor:高效壓縮CSS和JS代碼的工具
YUICompressor:高效壓縮CSS和JS代碼的工具
編輯:CSS詳解     

如果你還在使用 CSSTidy、JSbeautifIEr 之類的在線代碼壓縮工具,那麼網頁教學網告訴你,你已經過時了。

前端代碼的壓縮,主要在於對 JS 和 CSS 代碼的壓縮,拋開圖片壓縮的問題不談,JS 和 CSS 代碼的壓縮已經有先人做了很多工作。

YUICompressor 正是出自 Yahoo 工程師之手,高效,便捷,壓縮率高。使用純 Java 編寫,運行需要 JRE 的支持,基於 Rhino 對 Javascript 源文件進行分析和切詞。優化 CSS 屬性和顏色值,有效去除 JavaScript 和 CSS 文件中冗余的空白字符,整理 JS 局部變量名稱,縮減代碼體積。

官方主頁:http://yuilibrary.com/downloads/#yuicompressor
文檔:http://developer.yahoo.com/yui/compressor

由於本身是基於 Java 包的壓縮打包工具,因此使用上入門可能有點難度。命令行格式如下:

Java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.JS –charset utf-8

當然,你可能會覺得不爽。沒關系,芒果為你准備的傻瓜化的批處理封裝包。雙擊 "install.cmd" 關聯右鍵菜單後,在需要壓縮的 CSS 或者 JS 文件上右鍵選擇 "Process With YUICompressor" 即可一鍵輸出壓縮文件,無需手工輸入命令。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved