原生的SPA应用，分以下几种：

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

纯CSR渲染

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

资源层面

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

代码层面

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

参考

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