web前端性能优化

1.尽量减少http请求：

    （1）合并多个css文件；

     （2）css sprites利用css background相关元素进行背景图绝对定位；

     （3）图像地图；

      （4）内联图像；

2. 减少DNS查找（因为DNS查找的开销是很大的）；

3. 避免重定向：

例如，对web站点子目录的后面添加个 ‘/’ ，就能够有效地避免一次重定向；

例如，http://www.baidu.com/temp 与http://baidu.com/temp/二者是不一样的(区别是什么呢？)

4. 使用ajax缓存；

5. 延迟或者预先载入组件（利用异步的思想）；

6. 减少DOM元素数量；

7. 切分组件到多个域（目的是提高页面组件并行下载能力，但不能跨太多域名，否则也会造成DNS多次访问）；

8. 最小化iframe的数量（iframe是SEO的大忌）

9. 杜绝http 404错误；

10. 使用CDN；

11. 添加expires 或cache-control信息头；

12.压缩内容；

13. 设置etags；

14. 对ajax请求使用get方法：

XMLHttpRequest post要两步，而get只需要一步，但是需要注意的是ie上的get能够处理的最大url长度是2k；

15. 缩小cookie；

16. 针对web组件使用域名无关性的cookie；

17.把css放到代码页上端；

18. 避免css表达式；

19.从页面中剥离javascript与css；

20.精简javascript与css；

21.使用<link>而不是@importChoose<link> over @import；

22. 避免使用filter；

23.将javascript脚本放到html代码页面底部；