最近 Yahoo! Exceptional Performance 在 《优化网站性能的 14 条规则》的基础上又增加了 20 条新的规则。
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] |
更详细具体的介绍内容可看 Stoyan Stefanov 的 PPT:《High Performance Web Pages》( PPT 与下同,如有需要原版可以 Email 我,邮箱见右侧):