性能优化
Web性能黄金准则:只有10%20%的最终用户响应时间花在了下载html文档上,其余的80%90%时间花在了下载页面组件上。根据著名的2-5-8
原则:
- 当用户在2秒以内得到响应,会感觉系统的响应非常快
- 当用户在2-5秒之内得到响应,会感觉系统的响应速度还可以
- 当用户在5-8秒之内得到响应,会感觉系统的响应非常慢,但还可以接受
- 当用户在8秒之后都没有得到响应,会感觉系统糟透了,甚至系统已经挂掉;要么打开竞争对手的网站,要么重新发起第二次请求
性能优化n条
1、减少HTTP的请求数
- 合并js
- 合并css
- 图片sprite
2、使用CDN(静态资源服务器)
3、使用缓存
- http响应头信息Expires、Cache-Control是缓存字段。这里的缓存是指浏览器缓存,缓存过期前不用发起请求。
- 浏览器中刷新页面,会重新发起所有的请求;如果在地址栏按回车键,可以看到设置缓存的静态资源没有再次发起请求。
4、Gzip压缩
5、将样式表放在页面上方
6、将脚本放在底部
7、避免使用CSS中的Expressions
8、将JavaScript和CSS独立成外部文件
9、压缩 JavaScript 和CSS
10、避免重定向
11、剔除重复的脚本
12、配置ETags
13、使用AJAX缓存