栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

列举CSS优化、提高性能的方法

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

列举CSS优化、提高性能的方法

加载性能

  1. 压缩CSS
  2. 通过link方式加载,而不是@import
  3. 复合属性其实分开写,执行效率更高,因为CSS最终也还是要去解析如
    margin-left: left;

选择器性能

  1. 尽量少的使用嵌套,可以采用BEM的方式来解决命名冲突
  2. 尽量少甚至是不使用标签选择器,这个性能实在是差,同样的还有
    *
    选择器
  3. 利用继承,减少代码量

渲染性能

  1. 慎重使用高性能属性:浮动、定位;
  2. 尽量减少页面重排、重绘;
  3. css雪碧图
  4. 自定义web字体,尽量少用
  5. 尽量减少使用昂贵属性,如box-shadow/border-radius/filter/透明度/:nth-child等
  6. 使用
    transform
    来变换而不是宽高等会造成重绘的属性

暂且先这样吧,看来想回答好,得好好梳理下了。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/370843.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号