How Can I Reduce Network Transfer Delays for JS and CSS files to Minimize Lag in .NET MAUI Hybrid Blazor Applications?

Question

Hi,

I noticed that loading pages takes too long. I followed the Performance tab and observed that the resource duration is excessively long due to network transfer times.

Duration: 2.177s (2.175s network transfer + 1.454ms resource loading)

The resource loading is fast; however, the delay is due to network transfer times. In my project, each navigation requires reloading resources because each tab has its own JavaScript and CSS files. This causes noticeable delays not just at startup, but during every navigation.

Resources (CSS, JS) loading is fast but network transfer takes long time.

Can anyone help with this issue? I've been trying to fix it for a week.

Thanks, SaleSwift.

Answer 1

couple questions:

1. why are you loading .css and .js file per blazor page? they are not unloaded, so you are reloading multiple times. while the .js reload will replace existing functions, the .css reload is just additive. this is a poor design, but if you do, you should at least test if already loaded before reloading.
2. why are these files network based instead of a resource?
3. do you have caching disabled when dev tools opened?