Common problems

Let’s dive into this one right from the start.

The most common comments regarding Blazor WebAssembly are download size and load time. A small project is around 1 MB in size, but I believe the problem is the loading time and not the download size/time since everything is cached and, in most parts of the world, we have access to high-speed internet.

There are a couple of solutions to this problem.

Progress indicators

When it comes to User Experience (UX), we can give the users a perceived sense of speed.

The default Blazor WebAssembly template has a loading progress indicator, which gives the users something to look at instead of a blank page. It is built so that it is easy to customize using CSS variables. We can use the --blazor-load-percentage and --blazor-load-percentage-text variables to customize and create our progress bar.

It doesn’t even have to indicate what is happening; Dragons Mania Legends has comments like “...