性能优化

减少HTTP请求
图片地图：图片上的不同位置对应于不用的Url,<map>,可以使用字体icon啊，只有一个请求，哈哈
CSS Sprites: 这个就不说了
内联图片：base64,完全没有请求，哈哈
合并脚本和样式表：大小和请求之间需要平衡

使用内容发布网络（Content Delivery Network），也就是cdn

添加Expires头(也是为了减少http请求)，脚本，样式表都可以
Expires: 有效期（有效期之前都是有效的，这样就可以不用再次发送请求了）
Cache-Control: max-age=1231434 (缓存多久)

压缩组件(脚本和样式表)
请求中：Accept-Encoding: gzip,deflate
响应中: Content-Encoding: gzip

将样式表放在顶部
将样式表放在页面底部会阻碍页面逐步呈现
解决方案：使用link将样式表放在head中

将脚本放在底部
原因：脚本阻塞了并行下载，因为脚本中可能会改变页面的内容，为了确保页面能够恰当的布局，所以浏览器会等待，另一个原因是，脚本之间可能会有依赖，阻塞并行下载为了保证脚本能够按照正确的顺序执行
解决方案：将脚本放在页面越靠下的地方，意味着越多的内容能够逐步呈现，所以将脚本放在底部

避免css表达式
问题：CSS属性中可使用js表达式，属性值为计算后的结果，其问题在于对其进行的求值的频率比人们期望的要高，随便简单的操作，表达式会执行上千次，很有可能造成终止进程，IE下就很容易卡死

使用外部JS和CSS
虽然使用内联的js和css可以减少http请求，但是外部文件是有机会被浏览器缓存的，同时可以被别的页面使用，所以增加的一点请求也是可以接受的
主页解决方案：加载后下载写一个页面可缓存的资源（document.onload）

减少DNS查找
解决方案：通过使用keep-alive和较少的域名来减少DNS查找

精简JS
上线的时候，删除注释，空白，空行等jsMin,混淆会将变量字符串缩小，但是有可能会产生问题，所以推荐使用精简，不使用混淆

避免重定向
304并不是真的重定向，避免下载已经缓存的资源，主要是301，302，301的时候，浏览器会跳到location中给出的URL
URL结尾跟上/

移除重复脚本

配置或移除ETag
和 if-Modified-Since类似（每个响应都会有last-Modified）,判断修改的日期是否匹配，匹配的话304
ETag相当于当前版本的id,也会去比较是否匹配

使ajax可缓存 ，应具有长久的Expires头