前端性能优化--元素类型和dom层级

展示相同布局，使用控制变量法，对比性能差距
1.


结论：用块级元素模拟行内元素时，会有性能浪费，所以能用行内元素的，就不要使用块元素(能用span就不用div)

2.
结论：行内元素模拟块级元素时，性能基本一致

结论：相同布局下，多余的css布局属性会造成性能浪费

	   块级元素自带的换行比flex的column性能更高

4.
结论：dom层级越少越好，渲染更快，代码体积更小

5.
结论：给标签加多余类名不会影响性能，但是多余的css会影响渲染性能，具体是布局和样式 计算的时间增加了
可以加给标签加多余类名，但是会影响文件体积的大小，间接影响了加载速度

结论：如果只需要换行效果，不需要其他布局，那用span+br性能更好（尤其是列表里面的元素）