This is a migrated thread and some comments may be shown as answers.
Slow reaction to keyboard input
3 Answers 21 Views
This is a migrated thread and some comments may be shown as answers.
Bert
Top achievements
Rank 1
Bert asked on 29 Jan 2021, 07:09 AM

Hi,

 

I use a window to show a popup in a webassembly blazor project. In this window, I have a grid with +/- 2500 items and some text/date input fields. When I type some text in the textboxes or try to change the date in a datetimepicker with the keyboard, there is a lot of delay. It takes a long time before the typed text is showing in the textbox.

 

When I do the same with +/- 10 items in the grid, it works fine. The filtering in the grid works also fine without any noticable delays.

I try to use this project offline, so I need to keep all the grid items in local storage. It's not possible to do some server side filtering.

Is there a way to improve this behaviour?

Thanks

3 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 29 Jan 2021, 10:02 AM

Hello Bert,

I recommend you review the Slow Performance section of the documentation on improving your WASM app performance. Said shortly, just enable the paging in the grid again. It is OK to keep the data in-memory for offline usage, just avoid rendering 1500 rows, render 10 or 20 by using paging. When you pass the entire data collection to the Data parameter of the grid it will do the paging, filtering, sorting and grouping for you.

 

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Bert
Top achievements
Rank 1
answered on 29 Jan 2021, 11:05 AM

Hi Marin,

I'm already using paging (100 rows), but he paging is not server side. 

I solved it by hiding the grid when not in use. I will try again with lower paging size and see what happens.

Thanks

0
Marin Bratanov
Telerik team
answered on 29 Jan 2021, 05:52 PM

Hello Bert,

The grid can handle paging that is not on the server-side, the bigger caveat with that is usually how much data you'll need to serialize to the client first.

Whether the paging is server-side or not, I recommend using smaller page sizes anyway. If your users prefer to scroll rather than page, consider the virtual scrolling feature. The idea of both is to reduce the amount of components and dom elements Blazor has to handle, in order to improve the performance.

Removing components you don't need is also vital to good application performance.

 

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Asked by
Bert
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Bert
Top achievements
Rank 1
Share this question
or