理论
1.尽可能的减少 HTTP 的请求数。这应该是非常基本的一条规则了。之后的很多很多规则或多或少都是这条准则的具体使用。
2. 将<script> 标签放到page的底部
3. 将 CSS 样式放在页面的上方
3. 添加 Expires 头(或者 Cache-control )。对某些资源（例如Javascrpt和CSS）添加Expires头可以充分利用浏览器将这些资源缓存到本地，当浏览器需要这些资源时可以直接从本地的文件系统中获取相关资源。当然如果Expires使用不当也会影响应用程序的功能。例如某个js文件设置的 Expire时间是2010-01-01。如果期间发现了该js中的bug，但对以前访问过网站的用户，服务器上更新的js对他们是不起作用的。通常遇到这样的问题需要将这些资源的存取方式和应用程序或相关资源的版本关联起来。例如js文件名会采用[模块名]-[版本].js的方式来管理。
2. 通过非阻塞的方式加载外部script。
3.通过子域名来提升并行下载。
由于浏览器针对相同的域名下的资源的下载连接有最大的连接数的限制。通过子域名来下载多种资源一定程度上可以跳过这种限制，从而提升资源下载速度。参考
浏览器并发连接数 Internet Explorer and Connection Limits 但如果子域名过多又会导致浏览器解析域名消耗的增加。
4.减少 DNS 查询
5.避免重定向。重定向的实现是当server在收到第一个请求的时候不返回相应内容而是返回一个301
4.用GZIP来压缩你的组件
用GZIP可以直接减少HTTP响应的数据量，从而提高了网络传输的效率。当然压缩需要消耗服务器的CPU，需要利用其他的手段来将这种影响减少到最低。
5.最小化CSS和Javascript文件
所谓的最小化就是指消除CSS和Javascipt中不需要的内容（空格、换行、回车、注释等等）。就像很多Javascipt框架都会提供压缩和非压缩两种格式的脚本，例如dojo。对于CSS和Javasript的最小化可以通过多种手段来实现。流行的IDE（Eclipse，IDEA）都可以通过相应的插件直接对文件进行最小化。你想避免这种人工重复劳动。Yahoo提供的
YUI Compressor为我们自动化进行CSS和Javascript的最小化提供了有利的帮助。通过
YUI Compressor 我们可以通过Ant，Maven、SVN hook等多种手段进行相应的压缩工作。如果想要对javascipt文件进行最小化工作书写javascript的源文件的时候就要非常注意相关的语法，否则压缩会导致javascript文件的语法错误。
6.整合CSS和Javascript文件
所谓的整合CSS和Javascript其实就是将多个CSS或Javascipt文件合成一个文件，从而减少http 请求的数量。整合CSS和Javascript相对来说比较容易实现，只要简单地将几个文件连接(concat)到一起。无论是shell脚本还是ant内置的concat命令都能方便的实现。
7.避免内部(inline)的CSS和Javascipt
内部（inline）CSS和Javascript指直接在静态和动态页面中直接编写大量CSS和Javascipt。这种方式有以下不好的地方：
◇增加了html响应内容大小，从而导致下载时间延长
◇缺少缓存。HTML 代码不会缓存。与之相反，外部的css和js文件都可以在首次访问以后缓存起来。除了下载必要的HTML代码以外，浏览器可以直接跟本地的CSS和Js交互。
◇易用性差。
◇代码维护困难。内部的CSS和js往往导致相同或类似的代码散布在多个页面中。这种代码管理的方式方法对于复杂的网站而言管理、维护的成本将是巨大的。
工具
1.FireBug
2. YSlow for FireBug
3. YUI Compressor.
参考资料
High Performance Web Sites
Best Practices for Speeding Up Your Web Site
