Can server-side Blazor make a rendering delay?

Question

Imagine I have this component:

<input bind-value-oninput="@Name">
<p>Your name is @Name</p>

string _name;
string Name
{
    get => _name;
    set => _name = value.ToUpper();
}

When I type on the input, is the text is transforming directly to uppercase and showing in the paragraph.

I think (please, correct me if I'm wrong) that server-side Blazor runs the .NET MSIL code on the server and sends the DOM changes via SignalR connection.

The connection to the server can be delayed, specially with poor Internet connections.

In the case of this input, can be transformed to uppercase some seconds after the user input text? In afirmative case, how can I solve it? Only using client-side Blazor?

Do you ask whether execution can alternate between client-side and server-side depending on the availability and strength of the connection? — enet
@Issac No, I'm asking about the behavior of Blazor when using server-side hosting model and the connection is bad. — Ivan Montilla
Your question is actually more about SignalR, i've added the tag. — Henk Holterman

enet enet · Accepted Answer · 2019-05-16T17:34:03

Using server-side Blazor has a couple of drawbacks, which you must take into account, when you have to decide which flavor of Blazor to use. Server-side Blazor is mostly recommended to use on private Intranet network, a for instance, an enterprise network, with a few hundreds of users, accessing the network at the same time. In such a case, you'll experience no rendering delay at all.

Using server-side Blazor on the public Internet can be problematic in that respect (It has other downsides to seriously consider), and can result in unacceptable delay in rendering. But if its use is forced upon you, it's essential to search for ways that can mitigate this issue (rendering delay). As for instance, don't use input event. Use change event instead. An input event is triggered whenever you hit a keyboard button, which result in a call to the server to process the event. But if you use the change event, you may reduce the number of calls to the server.

Hope this helps...

Can server-side Blazor make a rendering delay?

2 Answers