现在网上也有很多关于前端文件加载的性能优化，我相信大部分的前端程序猿，应该都听说过雅虎的14条优化原则
1. 尽可能的减少 HTTP 的请求数 content2. 使用 CDN（Content Delivery Network） server3. 添加 Expires 头(或者 Cache-control ) ?server4. Gzip 组件 ?server5. 将 CSS 样式放在页面的上方 ?css6. 将脚本移动到底部（包括内联的） ?javascript7. 避免使用 CSS 中的 Expressions ?css8. 将 JavaScript 和 CSS 独立成外部文件 ??javascript css9. 减少 DNS 查询 ???content10. 压缩 JavaScript 和 CSS (包括内联的) javascript css11. 避免重定向 ??server12. 移除重复的脚本 javascript13. 配置实体标签（ETags） ??css14. 使 AJAX 缓存有些人通过这14个规则总结了一下:
| 优化方向 | 优化手段 |
|---|---|
| 请求数量 | 合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域，字体图标，雪碧图片等 |
| 请求带宽 | 开启服务器GZip，精简JavaScript，移除重复脚本，图像优化（包括图片大小kb） |
| 缓存利用 | 使用CDN，使用外部JavaScript和CSS，添加Expires头，减少DNS查找，配置ETag，使AjaX可缓存 |
| 页面结构 | 将样式表放在顶部，将脚本放在底部，尽早刷新文档的输出 |
| 代码校验 | 避免CSS表达式，避免重定向 |
来源：https://blog.csdn.net/nyflxp/article/details/79303986
web前端资源文件的部署和优化
原文地址：https://www.cnblogs.com/chengyuanblog/p/9089189.html