web前端开发，如何提高页面性能优化？

内容方面：

1. 减少HTTP请求；
2. 减少DOM元素数量；
3. 使得Ajax可缓存；

针对CSS：

1. 多个 CSS 合并，尽量减少 HTTP 请求；
2. 将 CSS 文件放在页面最上面；
3. 移除空的 CSS 规则；
4. 避免使用 CSS 表达式；
5. 选择器优化嵌套，尽量避免层级过深；
6. 充分利用CSS继承属性，减少代码量；
7. 抽象提取公共样式，减少代码量；
8. 属性值为0时，不加单位；
9. 属性值为小于 1 的小数时，省略小数点前面的0；
10. CSS Sprite；

针对JS：

1. 脚本放到 HTML 代码页底部；
2. 从页面中剥离JavaScript与CSS；
3. 精简JavaScript与CSS；
4. 移除重复脚本；

针对图片：

1. 优化图片：前面有提到如何优化图片；
2. 不要在HTML中使用缩放图片；