《35 条前端性能优化军规》 | F2E 前端技术论坛

雅虎前端优化 35 条前端优化规则，前端开发者必读

文档作者： Summer

文章数量：35 篇

文字总数：9151

1. 减少 HTTP 请求数 238 字，需 2 分钟 2. 使用 CDN（内容分发网络） 343 字，需 2 分钟 3. Expires 或 Cache-Control 响应头 655 字，需 4 分钟 4. 使用 Gzip 压缩 801 字，需 5 分钟 5. 将 CSS 放在页面顶部 276 字，需 2 分钟 6. 将 JavaScript 放在页面底部 273 字，需 2 分钟 7. 避免使用 CSS 表达式 183 字，需 2 分钟 8. 使用外部 JavaScript 和 CSS 370 字，需 3 分钟 9. 减少 DNS 查询 254 字，需 2 分钟 10. 压缩 JavaScript 和 CSS 346 字，需 2 分钟 11. 避免 301/302 重定向 524 字，需 3 分钟 12. 移除重复的 JavaScript 脚本 375 字，需 3 分钟 13. 设置 ETags 来控制缓存 855 字，需 5 分钟 14. 缓存 Ajax 请求 559 字，需 4 分钟 15. 尽早输出（flush）缓冲 160 字，需 1 分钟 16. Ajax 时尽量使用 GET 方法 134 字，需 1 分钟 17. 延迟加载 270 字，需 2 分钟 18. 预加载 384 字，需 3 分钟 19. 减少 DOM 元素数量 222 字，需 2 分钟 20. 使用多个域名 173 字，需 1 分钟 21. 避免使用 iframe 148 字，需 1 分钟 22. 杜绝 404 131 字，需 1 分钟 23. 给 Cookie 减肥 96 字，需 1 分钟 24. 使用不带 Cookie 的域名 197 字，需 2 分钟 25. 减少 DOM 操作 69 字，需 1 分钟 26. 使用高效的事件处理 176 字，需 1 分钟 27. 使用<link>替代@import 51 字，需 1 分钟 28. 不要使用 filter 118 字，需 1 分钟 29. 优化图片 94 字，需 1 分钟 30. 优化 CSS Sprite 138 字，需 1 分钟 31. 不要在 HTML 中缩放图片 125 字，需 1 分钟 32. 使用体积小、可缓存的 favicon.ico 82 字，需 1 分钟 33. 文件不要大于 25K 57 字，需 1 分钟 34. 分段（multipart）文档 78 字，需 1 分钟 35. 避免图片 src 为空 196 字，需 2 分钟