1、 优化选择器路径：使用.c {}而不是.a .b .c {}。
2、 选择器合并：共同的属性内容提起出来，压缩空间和资源开销。
3、 精准样式：使用 padding-left： 10px 而不是 padding： 0 0 0 10px。
4、 雪碧图：将小的图标合并到一张图中，这样所有的图片只需要请求一次。
5、 避免通配符：.a .b {}这样的选择器,根据从右到左的解析顺序在解析过程中遇到通配 符{} 6、会遍历整个DOM,性能大大损耗。
7、 少用float： float在渲染时计算量比较大，可以使用flex布局。
8、 为0值去单位：增加兼容性。
9、 压缩文件大小，减少资源下载负担。
Was this helpful?
0 / 0