css的性能优化

2021/5/7 10:55:54

编程Tag： 优化性能文件 css 样式重排重绘尽量盒子

本文主要是介绍css的性能优化，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1. 尽量把多个文件写成一个文件，虽然他们的大小最后都是一样。但是，多文件的请求还是会比一个文件的慢。

2. 尽量不要多个嵌套超过3层。少用id选择器。由于权重高。

3. 提取出公共的样式代码。

4. 多使用样式的继承。

　　字体的颜色、大小、类型等。行高。

5. 尽量不要重排，使用重绘。

　　重排：

　　　　字体大小发生变化

　　　　浏览器窗口发生变化

　　　　删除或者添加了dom节点。

　　重绘：

　　　　背景颜色，盒子的边角，visibility。盒子阴影

这篇关于css的性能优化的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！