• 请求数量——合并脚本和样式表，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. 图片编码优化

14.对组件库引用的优化，缩小引用范围

 

更多请看 https://www.zhihu.com/question/40505685