CSS优化主要是4个方面:
- 加载性能
主要是从减少文件体积,减少阻塞加载,提高并发方面入手 选择器性能
渲染性能
- 可维护性
较为具体的优化方案:
慎重使用高性属性:浮动、定位;
去除空规则;
属性值为0时,不加单位;
属性值为浮点数0.**时,可以省略小数点前的0;
标准化各种浏览器前缀,带浏览器前缀的在前,标准的在后;
不使用@import前缀,它会影响css加载速度;
充分利用css继承属性,减少代码量;
抽象提取公用样式,减少代码量;
选择器优化嵌套,尽量避免层级过深;
将css文件放在页面的最上面;