Slow Performance : easyUI Pages

[keja]

Hi,

We are using EasyUI for jQuery 1.9.3 in our asp.net/jquery application. We have created 8 user controls containing easyui controls and referred on a page. We have used easyui form contorls like textbox, combobox, datebox, switchutton, numberbox etc. on every user controls. On the same page, we have used 8 empty JQGrid's to display the records which are saved using user controls. If we browse this page, it takes 4 sec to load the page.

To analyze the problem, we removed the jqgrid binding code, still, it takes the same time. Attached are the files for your reference. However, if we comment on the jquery.easyui.min.js files reference on a page, it appears less than a second.

We have below file references on the page

Code:

<script type='text/javascript' src='../vendors/jquery/jquery.js'></script>
    <script type='text/javascript' src='../vendors/easyui/js/jquery.easyui.min.js'></script>
    <script type='text/javascript' src="../assets/js/et.easyui.js"></script>

    <script type='text/javascript' src='../vendors/jqgrid/jquery.jqGrid.min.js'></script>
    <script type='text/javascript' src='../vendors/jqgrid/grid.locale-en.js'></script>
    <script type='text/javascript' src="../assets/js/et.jqgrid.js"></script>
       
    <script type='text/javascript' src='../vendors/bootstrap/bootstrap.js'></script>
    <script type='text/javascript' src='../vendors/validator/validator.min.js'></script>

    <script type='text/javascript' src='../vendors/formvalues/form2js.js'></script>
    <script type='text/javascript' src='../vendors/formvalues/js2form.js'></script>
    <script type='text/javascript' src="../assets/js/et.utils.js"></script>

It would be great if you could help us to suggest how to cater to this issue.

Thanks

[keja]

I would appreciate if you could at least suggest something on this.

Thanks

[jarry]

How do you define your user controls? Please show an example to demonstrate your issue.

[keja]

Jarry,

I am sharing you the sample project. We have created two pages having the same controls rendered. Please find below two links

1.http://code.reloado.com/oleweh4 (html5/bootstrap)
2.http://code.reloado.com/oruzes4/edit#html (Easyui)

We have observed that there is a loading delay in easyui page than html5/bootsratp. The comboarrow.png or datebox_arrow.png takes too much time and it stops loading other content parallelly. What could be the reasons?

If you check the chrome network tab, it shows the delay in loading the content. It would be really appreciable if you could help us to solve this problem.

Thank you.

Best Regards,

Keja

[jarry]

Your second example runs quickly.

http://code.reloado.com/oruzes4/edit#html