想必很多前端開發(fā)者已經(jīng)聽說過koala這款軟件,it's a cross-platform gui application for Less、Sass等CSS預(yù)處理器的編譯以及CSS的各種格式(Less、Sass、Scss、Stylus、Compass、YUI等)的壓縮。
本文主要介紹一下koala如何壓縮CSS。
首先下載和安裝koala軟件并啟動,然后在項(xiàng)目管理中添加需要壓縮的css文件或整個包含css的文件夾。
圖1:添加需要壓縮的文件
接下來就可以進(jìn)行壓縮操作了,點(diǎn)擊“>>”按鈕,在下拉菜單中選擇需要的壓縮格式(例如:YUI CSS Compressor)。
圖2:選擇壓縮格式
在下方的“選項(xiàng)”中可以設(shè)置壓縮的等級,此處我們選擇默認(rèn)等級即可。
圖3:選擇壓縮等級
點(diǎn)擊“運(yùn)行”按鈕,等待程序處理完成,此時你會發(fā)現(xiàn)CSS文件的文件大小已經(jīng)被成功壓縮了。
圖4:壓縮CSS結(jié)果
通過以上的簡單操作我們就可以使用koala軟件幫助我們快速的壓縮CSS文件,為Web頁面的性能提升做出貢獻(xiàn)了。