西风坊

哦,犷野西风,你秋之实体的气息……

« 高性能页面的14条军规(四)html结构 »

新增提高页面性能的20点

由Yahoo总结的新的20条规范,内容比较多,就不一一讲了。说实话很多方法都觉得有些变态,但另一方面也的确敬佩老外的这种专研精神。难怪微软会说收雅虎最看中的是雅虎的工程师资源,呵呵。本月中国雅虎讲举办第二届D2,届时yahoo前端开发团队的Nate Koechly 也讲过来,期待中……

1. 尽早清除缓冲区  [server]
2. AJAX 请求使用“GET”方法  [server]
3. 延迟加载组件  [content]
4. 预加载组件  [content]
5. 减少 DOM 元素的数量  [content]
6. 跨域分离组件  [content]
7. 减少 iframes 的数量  [content]
8. 不出现 404  [content]
9. 减小 cookie 的体积  [cookie]
10. 为组件使用 cookie-free 的域名  [cookie]
11.减少访问 DOM 的次数  [javascript]
12. 开发巧妙的事件处理程序  [javascript]
13. 优先选择使用 <link> 而非 @import  [css]
14. 避免使用 filters  [css]
15. 优化图片  [images]
16. 优化 CSS sprites  [images]
17. 不要在 HTML 中缩放图片  [images]
18. 减小 favicon.ico 的体积并缓存  [images]
19. 保持组件在 25K 以下  [mobile]
20. 将组件分拆到多个文档中  [mobile]

 

更详细的内容可见一下PPT: 

0分/0个投票

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-Blog. Templete from Google黑板报.

浙ICP备08015283号 Copyright 2007 space007.com. Some Rights Reserved.