常见的web性能优化方法

前端优化的目的

1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。
2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。

常见的优化方法

一、页面级优化
1.减少http请求
（1）从设计实现层面简化页面；
（2）合理设置HTTP缓存；
（3）资源合并与压缩；
（4）雪碧图；
（5）Lazy Load Images
2. 将外部脚本置底（将脚本内容在页面信息内容加载后再加载）
3. 异步执行 inline脚本(其实原理和上面是一样，保证脚本在页面内容后面加载。)
4. Lazy Load Javascript（只有在需要加载的时候加载，在一般情况下并不加载信息内容。）
5. 将 CSS放在 HEAD中
6. 异步请求 Callback（就是将一些行为样式提取出来，慢慢的加载信息的内容）
7. 减少不必要的 HTTP跳转
8. 避免重复的资源请求
9. 精简javaScript和css
二、代码级优化
1.Javascript
2.CSS选择符
3. HTML
4.Image压缩