提高Web页面的性能（二）

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 我，邮箱见右侧）：

最新评论