1、为什么要优化页面？
提升网页响应速度；对搜说引擎、屏幕阅读器友好；提高可读性、可维护性等。
2、如何优化？
减少请求；减少文件大小；页面性能；可读性可维护性等。
（1）减少请求
图片合并（合并小图标）；
减少CSS文件请求，可以将多个CSS文件合并为一个，少量CSS样式采用内联，避免import方式引入CSS文件。
（2）减少文件大小
减少图片大小（选择合适格式），CSS值缩写减少CSS文件大小，压缩文件，减少标签数量。
（3）可读性、可维护性
规范化，语义化，尽量避免Hack，模块化，注释。
还有很多很多优化方案，继续学习中。
原文：http://www.cnblogs.com/yxz-turing/p/4738962.html