首页加载性能优化

1. 减少 HTTP 请求 – 将多个小文件合并为一个大文件

2. 使用 HTTP2

3. 使用服务端渲染

4. 静态资源使用 CDN

5. 将 CSS 放在文件头部,JavaScript 文件放在底部

6. 使用字体图标 iconfont 代替图片图标

7. 善用缓存,不重复加载相同的资源

8. 压缩文件

9. 图片优化

10. 通过 webpack 按需加载代码,提取第三库代码,减少 ES6 转为 ES5 的冗余代码

11. 减少重绘重排

12. 使用事件委托

参考页面:https://segmentfault.com/a/1190000022205291