web前端优化

1.减少http请求，1）图片地图 2）合并多个图片使用背景样式位移 3）内联图片 data:image/gif;base64,kkjeeerdecvcvv.... (ie不支持) 4)合并脚步和样式表文件，能减少请求数且有利于缓存。
2.使用cdn将内容放到离用户最近的地方。
3.添加Expires头信息，设定过期时间，另外一种指令是 Cache-Control:max-age=86400。
4.通过HTTP压缩技术将文本文件压缩传输。
5.将样式表放在顶部，加快页面显示的速度。将脚本放在底部，因为脚本会阻塞其他资源的下载。
6.css用避免表达式expression(....),ie支持其他浏览器可能不支持。
7.使用外部css和js文件。
8，压缩js，css，甚至html中的代码。
9.避免浏览器端的重定向。
10.利用不同的域名实现组件分离，将静态文件放到独立的（一般是二级）域名下。浏览器对每个域名下的并行下载有限制，增加域名就增加了并行下载的数量。
11.对于内容多比较长的页面，可以先输出上面一部分，待用户拖动滚动条时往下动态加载。