35 条前端性能优化军规
雅虎前端优化 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 分钟