优化React项目
原生的SPA应用，分以下几种：
- 纯
CSR渲染（客户端渲染）
- 纯
SSR渲染（服务端渲染）
- 混合渲染（预渲染，
webpack的插件预渲染,Next.js的约定式路由SSR,或者使用Node.js做中间件，做部分SSR,加快首屏渲染，或者指定路由SSR.）
纯CSR渲染
- 客户端请求
RestFul接口，接口吐回静态资源文件 Node.js实现代码
资源层面
- 把所有的图片进行压缩
- 把图标用雪碧图或者svg方式引入
- 丑化js和css
- 使用cdn加速公共资源包
- 使用延迟加载
代码层面
- 减少无用的代码
- 提炼组件
- 减少dom操作
- 使用延迟加载
参考
- 如何优化你的超大型React应用 【原创精读】 (opens new window)