ASP.NETCORE 6与React - 第一个负载花费太长（JS＆CS构建时间问题）

Question

I已将ASP.NET Core 6 Web API和A React.js Frontend合并到一个使用ASP.NET核心的单个项目中。但是，当我第一次运行该应用程序时，加载需要花费很长的时间。

issue

React App的JavaScript和CSS文件最初需要太多时间来构建和加载。
• 问题仅发生在第一个负载上；随后的负载更快。
项目设置

后端：ASP.NET Core 6 WebAPI 额叶：react.js（集成在ASP.NET内部内部）

Bundler：WebPack（默认CRA设置）

• 我尝试了什么
检查启动性能 - 后端API在第一次加载后响应很快。
• 分析网络请求 - 大型JavaScript和CSS文件正在花费时间。 tried预装和缓存 - 第一次负载没有重大改进。

问题 为什么JavaScript和CSS需要太多时间来加载第一个请求？

在React（WebPack，Babel等）或ASP.NET核心静态文件处理方面进行了优化，以减少第一个加载时间？ 在这种情况下

• 任何改善首次负载绩效的指南都将不胜感激！ 🚀

分开构建过程

ASP.NET核心和React具有独立的构建过程。当您启动ASP.NET Core应用程序时，并不意味着React应用程序即时准备就绪。 React的JavaScript需要在提供之前进行编译和捆绑。
• SSR（服务器端渲染）不会修复此

如果问题是由于捆绑和构建React引起的，那么SSR将无法直接提供帮助，因为在服务器上将其呈现之前仍需要构建React。

Answer 1

next.js

。

1. 布拉索尔或剃刀页是c＃前端替代方案，ssr.

   timpiunization first first load first载
   在运行ASP.NET核心之前，请构建ReactApp
（
2. npm run build

   并提供静态文件）。 使用WebPack Optimizations

   喜欢代码分裂和树木摇动。 ASP.NET核心中可启用的GZIP或Brotli压缩
   可更快地提供最小化资产。