# 优化React项目

# 原生的SPA应用,分以下几种:

  • CSR渲染(客户端渲染)
  • SSR渲染(服务端渲染)
  • 混合渲染(预渲染,webpack的插件预渲染,Next.js的约定式路由SSR,或者使用Node.js做中间件,做部分SSR,加快首屏渲染,或者指定路由SSR.)

#CSR渲染

  • 客户端请求RestFul接口,接口吐回静态资源文件
  • Node.js实现代码

# 资源层面

  • 把所有的图片进行压缩
  • 把图标用雪碧图或者svg方式引入
  • 丑化js和css
  • 使用cdn加速公共资源包
  • 使用延迟加载

# 代码层面

  • 减少无用的代码
  • 提炼组件
  • 减少dom操作
  • 使用延迟加载

# 参考

  1. 如何优化你的超大型React应用 【原创精读】 (opens new window)