HTML和CSS进阶（4）_CSS优化简介

编写高质量的css代码主要体现在2个方面：（1）可读性和可维护性；（3）高性能。对于一名前端工程师来说，如何平衡“追求高性能”和“可维护性”这两个是一个很值得思考的问题。
对于流量比较少的普通网站来说，css本身的性能并不突出。因此，提高css代码的可读性和可维护性相对性能来说更重要一些。一般情况下，我们都是在确保css可读性和可维护性的前提下，再去考虑它的性能速度。但是对于大型网站如淘宝来说，改善性能是非常具有实际意义的。
在这一章中，我们从以下8个方面来介绍一下css性能优化中的各种技巧：
（1）属性缩写；
（2）语法压缩；
（3）图片压缩；
（4）选择器优化；
（5）css模块化；
（6）压缩工具；
（7）css Sprite技术；
（8）性能评估；
CSS文件比较小，性能提高也是微乎其微。因此可能会有人说：“我们如此细致地去优化CSS性能，意义并不大啊。”大多数情况下的确如此。但是当我们大规模地使用CSS，文件变得非常大，并且页面每天都会有几百万甚至上千万次的访问时，这种小小的性能提升就大有不同了。对于一个流量比较少的小网站来说，CSS再怎么优化也提高不了多少性能。但是对于一个高流量的网站如淘宝、百度等来说，CSS性能速度哪怕有一丁点提高也是非常有用的。
有研究表明：Amazon.com每增加10毫秒的页面加载时间会导致销售额下降1%，而谷歌搜索结果显示时间每增加500毫秒将导致收入减少20%。我们可以看到性能的提高在大型网站是多么的重要了。哪怕所做的优化能够提高1毫秒的速度，也是相当有价值的。事实上，互联网大公司在性能考虑方面是非常细致而全面的。
此外，这些性能优化技能也是“真正前端工程师”和“野生网页设计师”重要分水岭之一。新手和高手写出来的代码，一眼能够看出来。因此对于这一章的优化技巧，希望大家重点掌握。