优化网站性能的 34 条规则

首先要说下优化网站性能的 34 条规则

　　1. 尽可能的减少 HTTP 的请求数                               [content]

　　2. 使用 CDN（Content Delivery Network）       [server]

　　3. 添加 Expires 头(或者 Cache-control )             [server]

　　4. Gzip 组件                                                                              [server]

　　5. 将 CSS 样式放在页面的上方                                  [css]

　　6. 将脚本移动到底部（包括内联的）                     [javascript]

　　7. 避免使用 CSS 中的 Expressions                         [css]

　　8. 将 JavaScript 和 CSS 独立成外部文件            [javascript] [css]

　　9. 减少 DNS 查询                                                                  [content]

　　10. 压缩 JavaScript 和 CSS (包括内联的)          [javascript] [css]

　　11. 避免重定向                                                                      [server]

　　12. 移除重复的脚本                                                            [javascript]

　　13. 配置实体标签（ETags）                                       [css]

　　14. 使 AJAX 缓存                                                                  [content]

　　15. 尽早清除缓冲器                                                            [server]

　　16. AJAX 请求使用“GET”方法                                     [server]

　　17. 延迟加载组件                                                                  [content]

　　18. 预加载组件                                                                      [content]

　　19. 减少 DOM 元素的数量                                             [content]

　　20. 跨域分离组件                                                                [content]

　　21. 减少 iframes 的数量                                                 [content]

　　22. 不出现 404                                                                      [content]

　　23. 减小 cookie 的体积                                                    [cookie]

　　24. 为组件使用 cookie-free 的域名                         [cookie]

　　25.减少访问 DOM 的次数                                              [javascript]

　　26. 开发巧妙的事件处理程序                                       [javascript]

　　27. 优先选择使用 而非 @import                               [css]

　　28. 避免使用 filters                                                             [css]

　　29. 优化图片                                                                           [images]

　　30. 优化 CSS sprites                                                         [images]

　　31. 不要在 HTML 中缩放图片                                     [images]

　　32. 减小 favicon.ico 的体积并缓存                           [images]

　　33. 保持组件在 25K 以下                                                [mobile]

　　34. 将组件分拆到多个文档中                                       [mobile]