- 请求数量——合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域
- 请求带宽——开启Gzip，精简JavaScript，移除重复脚本，图像优化
- 缓存利用——使用CDN，使用外部JavaScript和CSS，添加Expires头，减少DNS查找，配置ETag，使Ajax可缓存
- 页面结构——将样式表放在顶部，将脚本放在底部，尽早刷新文档的输出
- 代码校验——避免CSS表达式，避免重定向
1. JavaScript 压缩和模块打包
2. 按需加载资源
3. 在使用 DOM 操作库时使用 array-ids
4. 缓存
5. 启用 HTTP/2
6. 应用性能分析
7. 使用负载均衡方案
8. 为了更快的启动时间考虑一下同构
9. 使用索引加速数据库查询
10. 使用更快的转译方案
11. 避免或最小化 JavaScript 和 CSS 的使用阻塞渲染
12. 用于未来的一个建议：使用 service workers + 流
13. 图片编码优化
2. 按需加载资源
3. 在使用 DOM 操作库时使用 array-ids
4. 缓存
5. 启用 HTTP/2
6. 应用性能分析
7. 使用负载均衡方案
8. 为了更快的启动时间考虑一下同构
9. 使用索引加速数据库查询
10. 使用更快的转译方案
11. 避免或最小化 JavaScript 和 CSS 的使用阻塞渲染
12. 用于未来的一个建议：使用 service workers + 流
13. 图片编码优化
14.对组件库引用的优化，缩小引用范围
更多请看 https://www.zhihu.com/question/40505685
来源：https://www.cnblogs.com/lh-1991/p/8854370.html