記憶盒子

把記憶裝進(jìn)灰色的盒子,封裝起來(lái),那年那月,重新拾起。

首頁(yè)搜索目錄
search
當(dāng)前主題: 互聯(lián)網(wǎng)絡(luò)

非常好用的css在線(xiàn)壓縮及格式化美化工具

作者:Kaka    時(shí)間:2015-9-26 8:48:34    瀏覽:    評(píng)論:1

css壓縮在網(wǎng)站優(yōu)化中是一個(gè)非常重要的部分,google在網(wǎng)站速度優(yōu)化建議項(xiàng)目中把css壓縮列為重點(diǎn)任務(wù)之一。css壓縮是把css代碼里那些多余的符號(hào)去掉,例如注釋、換行符、空格、感嘆號(hào)等,通過(guò)壓縮瘦身過(guò)的css代碼,體積減小了,自然節(jié)省網(wǎng)絡(luò)帶寬,從而加快文件下載速度,減少網(wǎng)頁(yè)打開(kāi)時(shí)間。

卡卡測(cè)速網(wǎng)近日更新了css在線(xiàn)壓縮工具,本次更新動(dòng)作比較大,前端界面使用了著名的CodeMirror編輯器,代碼高亮顯示,后臺(tái)程序使用了雅虎的Yahoo.Yui.Compressor.dll組件,壓縮率是相當(dāng)高且相當(dāng)安全的。

本次更新同時(shí)新增了css格式化功能,css格式化起到美化代碼的作用,方便閱讀與分析,配合CodeMirror編輯器,代碼高亮顯示,效果更好。另外,在處理方式上采用監(jiān)控性方法,即修改源代碼時(shí),格式化內(nèi)容也跟著改變,無(wú)需再點(diǎn)擊按鈕了,正所謂“即改即見(jiàn)效”,用戶(hù)體驗(yàn)更佳。

css格式化

css格式化

css壓縮

css壓縮

從上圖例子看到,壓縮率達(dá)到47.37%,效果是相當(dāng)好的。

最后附上工具地址:http://pagespeed.webkaka.com/youhua/css/

x

標(biāo)簽: Html  Webkaka  

※ 網(wǎng)站速度慢?試試網(wǎng)站自動(dòng)優(yōu)化工具 ※

上一篇: 卡卡測(cè)速網(wǎng)測(cè)試網(wǎng)頁(yè)下載速度的原理分析
下一篇: 非常好用的js在線(xiàn)壓縮簡(jiǎn)化及格式化美化工具

發(fā)表評(píng)論:

◎歡迎參與討論,請(qǐng)?jiān)谶@里發(fā)表您的看法、交流您的觀點(diǎn)。

訂閱博客                   QQ交流群(312716741)

  • 通過(guò)Google訂閱本站 通過(guò)鮮果訂閱本站 通過(guò)抓蝦訂閱本站
  • 通過(guò)QQ郵箱訂閱本站 通過(guò)Yahoo訂閱本站 通過(guò)有道訂閱本站

Search

最新評(píng)論及回復(fù)

最近留言

網(wǎng)站分類(lèi)

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009-2024 All Rights Reserved. 粵ICP備14028160號(hào)-1

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009-2024 All Rights Reserved.