[css] 列举CSS优化、提高性能的方法
加载性能压缩CSS通过link方式加载,而不是@import复合属性其实分开写,执行效率更高,因为CSS最终也还是要去解析如 margin-left: left;选择器性能尽量少的使用嵌套,可以采用BEM的方式来解决命名冲突尽量少甚至是不使用标签选择器,这个性能实在是差,同样的还有*选择器利用继承,减少代码量渲染性能慎重使用高性能属性:浮动、定位;尽量减少页面重排、重绘;css雪碧图自定义web字体,尽量少用尽量减少使用昂贵属性,如box-shadow/border-radius/filter/透明度/:nth-child等使用transform来变换而不是宽高等会造成重绘的属性暂且先这样吧,看来想回答好,得好好梳理下了。
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题