Topic
  • 9 replies
  • Latest Post - ‏2013-02-04T06:58:06Z by HuangJiYong
SystemAdmin
SystemAdmin
6195 Posts

Pinned topic Performance of EGL Rich UI Application

‏2013-01-28T23:39:46Z |
We are facing issues with performance of EGL RUI Application.

The application has several tabs. Each tab has many sub-tabs (no more than six). The architecture is relatively simple.

A user clicks on the sub-tab which presents a form for search. After input of values, user clicks submit. A data grid displays the results returned by backend end service.

The performance issue I am referring to is related to display of the form when a sub-tab link is clicked. We have seen times as long as 10-15 seconds to paint the form. For the iSeries users that work with 5250 emulation, this is intolerable.

We have tried dynamic loading without much success.

Environment - RBD 8.0.1.4, browser: IE8 + chrome PlugIn; Server: WAS 7.0 running on iSeries; client PC: Pentium i5 2.4GHz with 4GB memory

Any suggestions?
Updated on 2013-02-04T06:58:06Z at 2013-02-04T06:58:06Z by HuangJiYong
  • SystemAdmin
    SystemAdmin
    6195 Posts

    Re: Performance of EGL Rich UI Application

    ‏2013-01-29T01:02:07Z  
    Do you call any specific code logic when clicking the tabs? It would be great if you can tell us which specific function invocation consumed the most of time with each click, so that we can investigate see if there are any performance issue with the function invocation.

    Rocky
  • markevans
    markevans
    2884 Posts

    Re: Performance of EGL Rich UI Application

    ‏2013-01-29T01:21:57Z  
    Do you call any specific code logic when clicking the tabs? It would be great if you can tell us which specific function invocation consumed the most of time with each click, so that we can investigate see if there are any performance issue with the function invocation.

    Rocky
    Just to confirm, you are saying that an empty form is where you see the delay. What about after you retrieve the data and it is populating the grid.
  • SystemAdmin
    SystemAdmin
    6195 Posts

    Re: Performance of EGL Rich UI Application

    ‏2013-01-29T08:03:41Z  
    We also have an application with a lot of tabs, and we don't have problems at all (anymore).
    These tabs are lazy loaded (when clicked, the tabs are loaded).
    We have a maximum of 50 rows in each datagrid, and in comboboxes the maximum used is about 300 items.
    When loading a lot of data into the widget, the widget can become very slow.
    Things to check is how much memory is used, and the number of EGL elements.

    We are using the following javascript functions to check this:

    "getNumberOfHTMLComponents": function getNumberOfHTMLComponents() {
    return document.all.length;
    },
    "getNumberOfEGLElements": function() {
    return egl.elements.length;
    },
    "getJsHeapSizeLimit": function() {
    return ((console.memory && console.memory.jsHeapSizeLimit) || 0);
    },
    "getTotalJSHeapSize": function() {
    return ((console.memory && console.memory.totalJSHeapSize) || 0);
    },
    "getUsedJSHeapSize": function() {
    return ((console.memory && console.memory.usedJSHeapSize) || 0);
    }
    Greetings, Jeroen
    AMITS
  • nick_tn
    nick_tn
    584 Posts

    Re: Performance of EGL Rich UI Application

    ‏2013-01-29T15:12:58Z  
    We also have an application with a lot of tabs, and we don't have problems at all (anymore).
    These tabs are lazy loaded (when clicked, the tabs are loaded).
    We have a maximum of 50 rows in each datagrid, and in comboboxes the maximum used is about 300 items.
    When loading a lot of data into the widget, the widget can become very slow.
    Things to check is how much memory is used, and the number of EGL elements.

    We are using the following javascript functions to check this:

    "getNumberOfHTMLComponents": function getNumberOfHTMLComponents() {
    return document.all.length;
    },
    "getNumberOfEGLElements": function() {
    return egl.elements.length;
    },
    "getJsHeapSizeLimit": function() {
    return ((console.memory && console.memory.jsHeapSizeLimit) || 0);
    },
    "getTotalJSHeapSize": function() {
    return ((console.memory && console.memory.totalJSHeapSize) || 0);
    },
    "getUsedJSHeapSize": function() {
    return ((console.memory && console.memory.usedJSHeapSize) || 0);
    }
    Greetings, Jeroen
    AMITS
    i tried the code provided and got the following
    getJsHeapSizeLimit...
    An error occurred inside reportingmaint: 'console' is undefined
    

    what am i missing?
    Updated on 2014-03-25T04:36:20Z at 2014-03-25T04:36:20Z by iron-man
  • SystemAdmin
    SystemAdmin
    6195 Posts

    Re: Performance of EGL Rich UI Application

    ‏2013-01-29T15:18:09Z  
    • nick_tn
    • ‏2013-01-29T15:12:58Z
    i tried the code provided and got the following
    <pre class="java dw" data-editor-lang="java" data-pbcklang="java" dir="ltr">getJsHeapSizeLimit... An error occurred inside reportingmaint: 'console' is undefined </pre>
    what am i missing?
    I think you are using Internet Explorer, because that's the only browser which gives this error.
    It works in Chrome for sure (applications are a lot faster too!), and also in Firefox i believe.
    Which IE version are you using?
  • nick_tn
    nick_tn
    584 Posts

    Re: Performance of EGL Rich UI Application

    ‏2013-01-29T15:20:25Z  
    I think you are using Internet Explorer, because that's the only browser which gives this error.
    It works in Chrome for sure (applications are a lot faster too!), and also in Firefox i believe.
    Which IE version are you using?
    ie9 windows 7 pro 64 bit
  • dan_darnell
    dan_darnell
    973 Posts

    Re: Performance of EGL Rich UI Application

    ‏2013-01-29T17:36:23Z  
    "We are facing issues with performance of EGL RUI Application."

    As Mark asked, are you saying that simply navigating between tabs results in the delay? No data access or service calls are taking place?

    Have you tried other browsers and does the same behavior exist there too?

    --Dan
  • SystemAdmin
    SystemAdmin
    6195 Posts

    Re: Performance of EGL Rich UI Application

    ‏2013-01-30T05:33:12Z  
    "We are facing issues with performance of EGL RUI Application."

    As Mark asked, are you saying that simply navigating between tabs results in the delay? No data access or service calls are taking place?

    Have you tried other browsers and does the same behavior exist there too?

    --Dan
    Thanks to everyone for your interest.

    Responses:

    1. To answer Mark and Darnell's question, no data access or service calls are made.

    2. Browser is IE8+chrome plugIn

    3. I have attached a PDF showing the form and the calls made before the form was painted. Data was collected using Chrome browser.
  • HuangJiYong
    HuangJiYong
    93 Posts

    Re: Performance of EGL Rich UI Application

    ‏2013-02-04T06:58:06Z  
    Thanks to everyone for your interest.

    Responses:

    1. To answer Mark and Darnell's question, no data access or service calls are made.

    2. Browser is IE8+chrome plugIn

    3. I have attached a PDF showing the form and the calls made before the form was painted. Data was collected using Chrome browser.
    Could you please clarify what is the "Tab" here? Is it the DojoTabContainer widget?
    Looks like the form is not complicated. Could you please isolate the problems by separating the form out?
    For example, create one RUI handler to contain only the form and another RUI handler which contains only the tab.
    Please open a PMR if the problem still exists.
    Thanks.