优化 React 项目
原生的 SPA 应用,分以下几种:
1. 纯 CSR 渲染(客户端渲染)
2. 纯 SSR 渲染(服务端渲染)
3. 混合渲染(预渲染, webpack 的插件预渲染, Next.js 的约定式路由 SSR ,或者使用 Node.js 做中间件,做部分 SSR ,加快首屏渲染,或者指定路由 SSR. )
纯 CSR 渲染
客户端请求 RestFul 接口,接口吐回静态资源文件
资源层面
1. 把所有的图片进行压缩
2. 把图标用雪碧图或者 svg 方式引入
3. 丑化 js 和 css
4. 使用 cdn 加速公共资源包
5. 使用延迟加载
代码层面
1. 减少无用的代码
2. 提炼组件
3. 减少 dom 操作
4. 使用延迟加载