Print Page - Slow Performance : easyUI Pages

Title: Slow Performance : easyUI Pages
Post by: keja on January 17, 2020, 12:27:15 AM

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

Title: Re: Slow Performance : easyUI Pages
Post by: keja on January 21, 2020, 06:46:37 AM

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

Thanks

Title: Re: Slow Performance : easyUI Pages
Post by: jarry on January 23, 2020, 06:31:00 AM

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

Title: Re: Slow Performance : easyUI Pages
Post by: keja on April 27, 2020, 08:01:57 AM

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 (http://code.reloado.com/oleweh4) (html5/bootstrap)
2.http://code.reloado.com/oruzes4/edit#html (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

Title: Re: Slow Performance : easyUI Pages
Post by: jarry on April 29, 2020, 08:16:59 PM

Your second example runs quickly.

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

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: keja on January 17, 2020, 12:27:15 AM