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
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