web前端优化

转载来源: 人人都能做的性能优化 web前端优化

这个地方摘录文章最后总结的话如下，方便自己查看：

我们这里整理了一份Web前端优化CheckList
1)图片地图，减少请求数量
2)CSS Sprites，它总是能够减少请求数量
3)内联图片，小图标可以使用内联图片，减少请求数量
4)合并外置js或css脚本文件，减少请求数据
5)Expires，缓存响应到用户本地，减少请求数量
6)Gzip压缩，压缩text类型的http响应数据包，减小网络数据传递量。
7)代理缓存
8)CSS样式脚本放在页面的顶部，尽早加载
9)Javascript脚本放在页面的底部，延迟加载
10)并行下载，将不同的组件请求通过CNAME使用不同的URL。
11)减少DNS查询，缓存DNS查询
12)精简Javascript脚本和CSS脚本
13)避免没有意义的重定向
14)避免Javascript脚本重复调用
15)ETag?
16)保持连接Keep-Alive
17)外置Javascript和CSS
18)Cookieless请求，尽量少使用Cookie，把数据存放在服务端
19)精简http请求数据包。Query_String不要太长和Cookie记录不要过多
20)延迟加载Javascript
受篇幅影响，我们将不在这里详细介绍，你可以通过阅读Google Page Speed Document和High Performance Web Sites。