CSS优化小结

CSS优化损失的仅仅是可读性,但可以大大减少文件的大小。对于低网速的用户来说,这可以大大减少加载的时间,这是很有价值的节约。

没必要的字符

  • 去掉多余的空格
  • 颜色值尽量短(如#FFF)
  • 去掉小数前的0(如.7em)
  • 去掉0后面的任何单位(0px to 0)
  • font-weight用数字表示(如normal改成400)

不必要的标签

  • 比如ul li a{}可以改成ul a{} 或li a {}
  • 类样式,“.”前尽量不要加标签名
  • 模块的容器使用class之后,内部的元素尽量少加class,而应该通过各种元素不同的作用来赋予样式

可用的优化工具


  • Firefox下的CSSUsage插件
    • 这个插件安装后是集成在Firebug上的,可以扫描页面上使用了哪些样式,被使用了多少次,哪些多余的样式没有用到。
  • 在线的CSSTidy:
    • http://www.css88.com/tool/csstidy/

你可能感兴趣的:(优化,css,Firebug,Class,工具,firefox)