CSS性能分析，如何优化CSS提高性能

不负十年后的自己，共勉！

前端性能优化一直是一个比较热门的话题，我们总是在尽我们最大的努力去，提高我们的页面性能，比如减少HTTP请求，利用工具对资源进行合并压缩，脚本置底，避免重复请求，css sprite等等。其实大量的方法都是在减少文件大小，减少请求，优化JS，很少有人对css十分关注，甚至有人都不对css进行压缩。

其实，不规范的css会导致很多性能问题，这些问题可能在一些小的项目中不够明显，但是在大型项目中就会显现出来。

css匹配原理

在优化css之前我们需要了解下css是怎么进行工作的，我们都知道css是由选择器，属性和属性值构成的。

我们可能会这样写上一行代码

 //css
.con .loulan1 p span{ display: block; }

//html
    div   class  ="con"  > 
       div   class  ="loulan"  > 
           p  >  span  > 文字   span  >  p  > 
       div  > 
   div  >  

查看更多关于CSS性能分析，如何优化CSS提高性能的详细内容...