基础系列：页面优化

减少请求

---

 

• 减少CSS文件的请求

1. 多个CSS文件合并成一个
2. 少量CSS文件内联
3. 避免使用import的方式引入css文件

• 图片合并

1. 用雪碧图来减少图片的请求（网站后期）

• 减少图片大小

1. 选择合适的图片格式 png 半透明 jpg 
2. 压缩图片 ImageOptim ImageAlpha JPEGmini

• CSS缩写
• 省略值为0的单位
• 颜色最短值表示
• CSS选择器合并
• 文件压缩  YUI Compressor cssmin 

---

页面性能

• 加载顺序 js可以放在body 后面
• 减少标签数量
• 选择器长度 
• 避免耗性能属性 expression
• 所有表现用CSS实现
• 避免Hack 参考 http://www.cnblogs.com/dolphinX/p/3292630.html 

---

 

总结：

• 减少请求
• 减少文件大小
• 页面性能
• 可读性，可维护性