页面优化【笔记】

1.减少请求
（1）图片分类合并。
（2）减少CSS文件请求：a.多个CSS文件合并为一个。b.少量CSS样式内联。c.避免使用import的方式引入CSS文件。
2.减少文件大小
（1）减少图片大小：a.选择合适的图片格式PNG或者JPG。b.用工具无损或者有损的压缩图片，比如ImageOptim，ImageAlpha，JPEGmini等工具。
（2）CSS值缩写，比如margin,padding,border,border-radius,font,background等
（3）省略值为0的单位，0px，0%，0.5省略为0,  0，.5
（4）颜色值最短表示，#333这种。
（5）CSS选择器合并。
（6）文件压缩工具去掉空格，减少文件大小。比如YUI Compressor，cssmin等工具。
3.提高页面性能
（1）加载顺序合理，CSS放在head的底部，JS文件放在body的底部。
（2）减少不必要的标签数量。
（3）使用尽可能短的选择器长度。
（4）避免耗性能的属性的使用，比如expression，filter，border-radius，box-shadow,gradients等。
（5）图片设置宽高，比如img标签中设置width和height。
（6）所有的表现尽可能用CSS实现，少用JS实现。
4.可读性，可维护性
（1）规范，缩进，变量命名规范，文件命名规范等等。详细见下一章《规范与模块化》
（2）语义化，尽量用语义化的标签和语义化的命名。
（3）尽量避免Hack。
（4）模块化，详细见下一章《规范与模块化》。
（5）注释。