记忆盒子

非常好用的css在线压缩及格式化美化工具

作者:Kaka    时间:2015-9-26 8:48:34    浏览:    评论:1

css压缩在网站优化中是一个非常重要的部分，google在网站速度优化建议项目中把css压缩列为重点任务之一。css压缩是把css代码里那些多余的符号去掉，例如注释、换行符、空格、感叹号等，通过压缩瘦身过的css代码，体积减小了，自然节省网络带宽，从而加快文件下载速度，减少网页打开时间。

卡卡测速网近日更新了css在线压缩工具，本次更新动作比较大，前端界面使用了著名的CodeMirror编辑器，代码高亮显示，后台程序使用了雅虎的Yahoo.Yui.Compressor.dll组件，压缩率是相当高且相当安全的。

本次更新同时新增了css格式化功能，css格式化起到美化代码的作用，方便阅读与分析，配合CodeMirror编辑器，代码高亮显示，效果更好。另外，在处理方式上采用监控性方法，即修改源代码时，格式化内容也跟着改变，无需再点击按钮了，正所谓“即改即见效”，用户体验更佳。

css格式化

css压缩

从上图例子看到，压缩率达到47.37%，效果是相当好的。

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

广告

海外云主机

低至54元 - 可退款

立即选购 >

rxinyun

立即选购 >

x

标签: Html  Webkaka  

※ 网站速度慢？试试网站自动优化工具 ※

• 扩展阅读

• ☉卡卡测速网测试网页下载速度的原理分析  (2015-9-18 14:47:30)

  ☉卡卡网被百度降权的5大表现及4大原因分析  (2015-9-9 16:17:32)

  ☉卡卡网站测速新增中国地图及测试点评  (2015-7-8 15:59:54)

  ☉webkaka网站速度诊断更新：新增视图分析和支持网页登录等功能  (2015-2-2 8:10:53)

  ☉响应式图片-怎样防止网页重排  (2014-12-8 10:38:46)

  ☉判断网页是真静态还是伪静态的方法:查看网页最后更新时间  (2014-9-23 15:34:1)

  ☉html网页包含html文件的方法（非js调用）  (2014-4-16 17:30:58)

  ☉webkaka国内首推网站压力在线测试工具  (2013-10-10 15:29:14)

  ☉select下拉菜单option文字粗体的实现方法  (2012-7-18 22:24:25)

  ☉webkaka新增了几个网页优化工具:图片/CSS/JS压缩  (2012-7-1 23:12:14)

  ☉webkaka推出网站dns查询工具  (2012-4-24 17:58:56)

  ☉如何判断你买的空间是单线还是双线或多线？  (2012-4-11 19:50:29)

  ☉网页无法打开，原来是元素div缺少结束标记  (2011-12-22 19:23:33)

  ☉webkaka推出网站速度诊断服务  (2011-12-18 21:7:53)

  ☉webkaka网站速度测试增加了DNS解析时间、连接时间等详细分析数据  (2011-11-21 0:43:39)