在Blazor App上下载JS和CSS文件时出现性能问题

Question

我们正在使用Blazor服务器端和Syncfusion控件构建一个应用程序。它们被托管在Azure上。加载页面需要很长时间。我发现了一件似乎有问题的事情。当页面加载时，它会查找JS和CSS文件。即使这些页面被缓存(HTTP304)，有时仍然需要10到15秒才能做出决定。对于每个具有304的文件，它传输大约373个字节，但需要很长时间；有时需要15秒以上的响应时间。然而，有些文件只需要几毫秒，而我无法弄清楚其中的区别。累积的影响是加载页面需要很长时间。我在周末做了大量的搜索，但没有找到任何关于这个问题的信息。此外，我试图找到一种方法来控制blazor服务器中的缓存，但也找不到任何东西。

​

​

更新:嗯，我找到了一些帮助。通过将这个添加到启动程序中，我能够阻止Bazor对大多数JS文件进行版本检查，但它仍然挂在blazor.server.js上。

            app.UseStaticFiles(new StaticFileOptions()
            {
                OnPrepareResponse = (context) =>
                {
                    var headers = context.Context.Response.GetTypedHeaders();
                    headers.CacheControl = new Microsoft.Net.Http.Headers.CacheControlHeaderValue
                    {
                        Public = true,
                        MaxAge = TimeSpan.FromDays(30),
                        NoCache = false
                    };

                }
            });

Answer 1

我们已经使用Syncfusion Blazor组件创建了Blazor Server应用程序，并将其托管在azure中。不幸的是，我们无法在我们这一端复制所报道的场景。脚本文件加载时间约为659ms。此外，我们想让您知道，下载时间取决于许多因素，如网络连接，带宽值，服务器设置等。请参考以下文档了解更多详细信息。

https://developers.google.com/web/tools/chrome-devtools/network/issues#long-content-download

请找到下面的屏幕截图和托管示例，下面提到了供您参考。

托管链接：https://blazorci.azurewebsites.net/staging/blazorPerformance

能否请您查看上述信息，并提供更多详细信息，以便我们在此基础上进行分析，为您提供更好的解决方案？