前端性能调优之Yahoo--23条

雅虎34黄金守则:

--------------------

    

 

1.尽量减少Http请求次数

    减少页面中的元素

    合并文件

    内联图像

 

2.减少DNS查找次数(和保持较高程度并行下载)的权衡

    减少主机名

 

3.避免跳转

  跳转会降低用户体验

  忽略网址末尾的单斜杠/

  在Apache服务器中可以使用Alias或者mod_rewrite或者the DirectorySlash来避免

 

4.可缓存的AJAX

 

5.Cache-Control Header.其中它的几条规则也同样适用于Ajax:

 

 Gizp压缩文件

 减少DNS查找次数

 精简JavaScript

 避免跳转

 配置ETags

 

5.推迟加载内容

 

6.预加载

 

7.减少DOM元素数量

 

8.根据域名划分页面内容

 

9.使用iframe的数量最小

 

10.不要出现404错误

 

11.使用内容分发网络

 

12.为文件头指定ExpiresCache-Control

 

13.Gzip压缩文件内容

 

14.配置ETag

 

15.尽早刷新输出缓冲

 

16.使用GET来完成AJAX请求

 

17.把样式表置于顶部

 

18.避免使用CSS表达式

 

19.使用外部JavaScripCSS

 

20.削减JavaScriptCSS

 

21.<link>代替@import

 

22.避免使用滤镜

 

23.把脚本置于页面底部

 

24.剔除重复脚本

 

25.减少DOM访问

 

26.开发智能事件处理程序

 

27.减少Cookie体积

 

28.对于页面内容使用无coockie域名

 

29.优化头像

 

30.优化CSS Spirite

 

31.不要在HTML中缩放图像

 

32.favicon.ico要小而且可缓存

 

33.保持单个内容小于25K

 

34.打包组件成复合文本

 

 

摘自:http://www.cnblogs.com/li0803/archive/2009/09/20/1570581.html

 

posted @ 2018-03-19 16:19  Huang1223  阅读(200)  评论(0编辑  收藏  举报