YanTianFeng的知识库

Want Coding

Want Reading

文章 89

访问 18442

评论 2

头像

YanTianFeng

发私信

文章 89
访问 18442
评论 2
Technology and Code
返回顶部

Knowledge  优化React项目

标签   优化  

  ( 13 )       ( 0 )


优化 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. 使用延迟加载