前端性能优化：网页如何从10秒优化到1.5秒的。
首先，你需要知道的35条“雅虎军规”
我们来看一下他的军规内容：
1.尽量减少 http 请求个数——须权衡。
2.使用 cdn（内容分发网络）。
3.为文件头指定 expires 或 cache-control，使内容具有缓存性。
4.避免空的 src 和 href
5.使用 gzip 压缩内容。
6.把 css 放到顶部。
7.把 js 放到底部。
8.避免使用 css 表达式。
9.将 css 和 js 放到外部文件中。
10.减少 dns 查找次数。
11.精简 css 和 js
12.避免跳转。
13.剔除重复的 js 和 css
14.配置 etags
15.使 ajax 可缓存。
16.尽早刷新输出缓冲。
17.使用 get 来完成 ajax 请求。
18.延迟加载。
19.预加载。
20.减少 dom 元素个数。
21.根据域名划分页面内容。
22.尽量减少 iframe 的个数。
23.避免 404。
24.减少 cookie 的大小。
25.使用无 cookie 的域。
26.减少 dom 访问。
27.开发智能事件处理程序。
28.用 代替 @import
29.避免使用滤镜。
30.优化图像。
31.优化 css spirite
32.不要在 html 中缩放图像——须权衡。
33.favicon.ico要小而且可缓存。
34.保持单个内容小于25k
35.打包组件成复合文本。
首先，你需要知道的35条“雅虎军规”
我们来看一下他的军规内容：
1.尽量减少 http 请求个数——须权衡。
2.使用 cdn（内容分发网络）。
3.为文件头指定 expires 或 cache-control，使内容具有缓存性。
4.避免空的 src 和 href
5.使用 gzip 压缩内容。
6.把 css 放到顶部。
7.把 js 放到底部。
8.避免使用 css 表达式。
9.将 css 和 js 放到外部文件中。
10.减少 dns 查找次数。
11.精简 css 和 js
12.避免跳转。
13.剔除重复的 js 和 css
14.配置 etags
15.使 ajax 可缓存。
16.尽早刷新输出缓冲。
17.使用 get 来完成 ajax 请求。
18.延迟加载。
19.预加载。
20.减少 dom 元素个数。
21.根据域名划分页面内容。
22.尽量减少 iframe 的个数。
23.避免 404。
24.减少 cookie 的大小。
25.使用无 cookie 的域。
26.减少 dom 访问。
27.开发智能事件处理程序。
28.用 代替 @import
29.避免使用滤镜。
30.优化图像。
31.优化 css spirite
32.不要在 html 中缩放图像——须权衡。
33.favicon.ico要小而且可缓存。
34.保持单个内容小于25k
35.打包组件成复合文本。