css壓縮在網(wǎng)站優(yōu)化中是一個非常重要的部分,google在網(wǎng)站速度優(yōu)化建議項(xiàng)目中把css壓縮列為重點(diǎn)任務(wù)之一。css壓縮是把css代碼里那些多余的符號去掉,例如注釋、換行符、空格、感嘆號等,通過壓縮瘦身過的css代碼,體積減小了,自然節(jié)省網(wǎng)絡(luò)帶寬,從而加快文件下載速度,減少網(wǎng)頁打開時間。
卡卡測速網(wǎng)近日更新了css在線壓縮工具,本次更新動作比較大,前端界面使用了著名的CodeMirror編輯器,代碼高亮顯示,后臺程序使用了雅虎的Yahoo.Yui.Compressor.dll組件,壓縮率是相當(dāng)高且相當(dāng)安全的。
本次更新同時新增了css格式化功能,css格式化起到美化代碼的作用,方便閱讀與分析,配合CodeMirror編輯器,代碼高亮顯示,效果更好。另外,在處理方式上采用監(jiān)控性方法,即修改源代碼時,格式化內(nèi)容也跟著改變,無需再點(diǎn)擊按鈕了,正所謂“即改即見效”,用戶體驗(yàn)更佳。
css格式化
css壓縮
從上圖例子看到,壓縮率達(dá)到47.37%,效果是相當(dāng)好的。
最后附上工具地址:http://pagespeed.webkaka.com/youhua/css/