We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Performance Problems with Inputs

Hello team,

I have a question about how to map inputs (TexBox, Numeric, DateTime, etc) without a performance problem occurring, since it is to be able to implement it in dynamic forms and some may contain > 100 fields, I leave an implemented example of how we use the fields for the forms for your observation


sometimes there is a performance problem when there are less than 100 fields, but you can't see that in the example.

I will be very grateful for your answer

3 Replies

SP Sureshkumar P Syncfusion Team December 2, 2022 09:39 AM UTC

Hi Jean,

When validating the reported performance delay to our input components like textbox and datepicker component. The reported performance delay is not a delay of the component rendering because the same time has taken native input and datepicker component rendering.

Find the performance matrix with or without component rendering using properties maximum component count is 300.

Component Name

Native component with property time taken in milliseconds

Syncfusion components with property time taken in milliseconds


5 [value and max]

7  [cssclass and  floatlabeltype]


8 [value and step]

7 [cssclass and floatlabeltype]

Component Name

Native component without property time taken in milliseconds

Syncfusion components without property time taken in milliseconds







Find the validated sample here: https://codesandbox.io/s/intelligent-hermann-z2tqb0


Sureshkumar P

JC Jean Caiza replied to Sureshkumar P December 7, 2022 04:21 PM UTC

Thanks for reply,

what about for NumericTextbox, DropdoownList, DatePicker, DateTimePicker, Select, ...etc (any component that is type field or input)

SP Sureshkumar P Syncfusion Team December 8, 2022 10:56 AM UTC

Jean, all our components have more features than native components and the rendering time is similarly same or just increases the time compare with native components. So, if you have faced more performance delay then share your exact rendering platform with any time difference compare with native or other components. Based on your update will validate and update the exact solution as earlier as possible.

Live Chat Icon For mobile
Up arrow icon