This is a migrated thread and some comments may be shown as answers.

NumericTextBox performance

1 Answer 44 Views
NumericTextBox
This is a migrated thread and some comments may be shown as answers.
Mirek
Top achievements
Rank 1
Mirek asked on 13 Mar 2020, 09:59 AM

Hello,

we have problem with NumericTextBox performance, we are trying to render 200 components (production report stuff).

Time which I get on Chrome 80 is ~2832ms, what interesting in FireFox 73 only 472ms, rendering 200 raw input (type=number) components is about 11ms.

How to optimize it, and why Chrome is 5x slower than FireFox in this case

 

https://dojo.telerik.com/iXUJaLAW/3

1 Answer, 1 is accepted

Sort by
0
Tsvetomir
Telerik team
answered on 17 Mar 2020, 07:59 AM

Hi Mirek,

I have investigated the provided code snippets and I can confirm that there is a difference between the performance of the Firefox and Chrome browsers. The initialization of the individual widget takes up around 11-15ms. However, the JavaScript language is single-thread and the widgets have to be initialized consequently which leads to the increased time for visualization.

The time needed for the rendering of the widgets highly depends on the user machine's capabilities. Moreover, the implementation of the browsers is different and the render time may differ. 

Since there are many widgets that have to be initialized, what I can recommend is that you display an overlay over the div element that should hold the widgets. This indication will make sure that the user knows that there is an action in the process.

Alternatively, you could make use of a widget that combines the visualization and editing of the respective elements. For instance, the Kendo UI Grid with InCell edit:

https://demos.telerik.com/kendo-ui/grid/editing

 

Regards,
Tsvetomir
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
NumericTextBox
Asked by
Mirek
Top achievements
Rank 1
Answers by
Tsvetomir
Telerik team
Share this question
or