CSS优化、提高性能的方法有哪些?


  • 多个css合并,尽量减少HTTP请求

  • css文件放在页面最上面

  • 移除空的css规则

  • 避免使用CSS表达式

  • 选择器优化嵌套,尽量避免层级过深

  • 充分利用css继承属性,减少代码量

  • 抽象提取公共样式,减少代码量

  • 属性值为0时,不加单位

  • 属性值为小于1的小数时,省略小数点前面的0

  • css雪碧图

  • 使用link引入css文件,可以与页面并行加载

  • 少用*这种全局匹配 因为通配符会匹配所有


文章作者: me
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 me !