React应用使用Yarn启动耗时过长，如何提升安装及启动速度？

优化Yarn依赖安装效率 #

• 更换国内镜像源：默认官方源在国内访问延迟极高，可全局切换为国内镜像，执行命令：
  yarn config set registry https://registry.npmmirror.com
  单次安装也可临时指定源：yarn install --registry https://registry.npmmirror.com
• 启用本地离线缓存：执行yarn config set yarn-offline-mirror ~/.yarn-cache配置本地缓存目录，已安装过的依赖无需重复下载，首次全量安装后后续安装速度可提升70%以上
• 跳过非必要安装步骤：添加参数跳过完整性校验和冗余脚本执行，命令为yarn install --no-lockfile --ignore-scripts，若项目存在必须执行的postinstall脚本则不要加--ignore-scripts参数
• 升级到Yarn 3+版本：新版本采用Zero Installs机制和全新缓存策略，安装效率是Yarn 1的3~5倍，依赖还可直接纳入项目仓库，后续无需重复安装
• 清理损坏缓存：缓存损坏会大幅拖慢安装速度，执行yarn cache clean清理旧缓存后再重新安装即可

优化React项目启动速度 #

• 更换更轻量的构建工具：如果使用旧版create-react-app默认的webpack构建，替换为Vite初始化项目的话，冷启动速度可提升10倍以上，热更新几乎为秒级响应
• 精简依赖体积：删除package.json中未使用的冗余依赖，antd、MUI等大体积组件库配置按需引入，禁止全量导入
• 开启构建缓存：仍使用webpack的场景可配置cache-loader缓存编译结果，同时开启babel缓存目录，后续启动无需全量编译
• 关闭开发环境非必要校验：开发阶段关闭eslint全量检查、TypeScript全量类型扫描，仅在代码提交前执行校验，启动速度可提升30%以上
• 升级Node.js LTS版本：最新长期支持版Node.js对模块解析、V8引擎做了大量优化，构建速度比8.x、10.x等老版本提升20%~40%

内容的提问来源于stack exchange，提问作者janadari ekanayaka