IE performance issue with multiple combo boxes

4 posts, 0 answers
  1. Jeff
    Jeff avatar
    33 posts
    Member since:
    Sep 2006

    Posted 09 Jul 2008 Link to this post

    Has anyone else had an issue with IE, specifically 7, performance rendering the page when there are many comboboxes on the page? I have a control, ascx, with many combo boxes (~30), where a couple of them have the values set, about half are populated from a web service, and the remaining populated from load on demand. I used to have most of them populated from a web service, but it seems as if the load on demand is slightly faster for rendering. I am using the "vista" skin for the combo boxes, and I also have radgrids on the page with a different skin, webblue, and all of this is in a tab control, skin of webblue.

    I have traced from the database, and watched in fiddler. The stored procedures from the db take almost no time, the db data is filtered, so there is not an overload of data. I am using the radscriptmanager and radstylesheetmanager in the actual aspx page that holds the control. The control does load dynmacally.

    In firefox 3, the page renders very quickly, very good performance.
    I am open to suggestions regarding what to look at.

    Thanks,
    Jeff
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 09 Jul 2008 Link to this post

    Hello Jeff,

    In general IE is slower than Firefox when it comes to rendering speed. Since RadComboBox control is far more complex than the standard dropdown it is expected to be slower as it uses much more built-in JS and skin resources to provide its advanced behavior. However, there are tips and tricks to make the combobox as fast as possible. Such a tip is using the Load On Demand feature that let you load an empty combobox when the page is first loaded. Then, the items can be added as the user types in the input field. This will definitely save loading time and will improve the combobox speed.

    In addition, you can use RadGrid with paging. For 1000 records, the RadGrid will take approximately 10 seconds to load, no change in single item select/deselect. We highly recommend using paging when binding to a large amount of data, as this feature significantly increases RadGrid performance.

    For more suggestion on optimizing RadGrid performance, please refer to this help article.

    Also, I suggest that you refer to the following post on optimizing tips for RadControls:
    http://telerikwatch.com/2008/04/optimization-tipsthe-rad-managers-for.html


    Sincerely yours,
    Paul
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jeff
    Jeff avatar
    33 posts
    Member since:
    Sep 2006

    Posted 09 Jul 2008 Link to this post

    My grids are small. They contain at the most 5 records. I was posting that because I was wondering what affect the different styles have on the page. I am also wondering if there is a performance gain to be had with the stylesheetmanager? I am not sure I am clear how to use it. I am using a slightly modified "Hay" style for 1 navigation bar, so I have it listed as below. Is there someting I can change or look for with what I have below? I have my common js file in the scriptmanager, and that seems to help, I have also disable the "enablestylesheetcombine", which seems to improve performance.

    Thanks,
    Jeff
    ....
    <link rel="stylesheet" href="StyleSheet.css" type="text/css" />
    <
    link rel="stylesheet" href="Skins\Hay\Menu.Hay.css" type="text/css" />
    </
    head>
    <
    body>
    <
    form id="form1" runat="server">
    <
    telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableTheming="True">
    <
    Scripts>
    <
    asp:ScriptReference Path="Common.js"></asp:ScriptReference>
    </
    Scripts>
    </
    telerik:RadScriptManager>
    <
    telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" EnableStyleSheetCombine="False">
    </
    telerik:RadStyleSheetManager>
    <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Animation="Fade" Position="BottomRight" Skin="Telerik"
    </
    telerik:RadToolTipManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    .....

  5. Jeff
    Jeff avatar
    33 posts
    Member since:
    Sep 2006

    Posted 09 Jul 2008 Link to this post

    Another option I was considering was removing the comboboxes that are not needed in particular scenarios. For example, I have 29 comboboxes, but not all of them are used in every scenario.
    So, if value 2 from combo1 is picked, then combo2 is enabled, combo3 is disabled, combo4 is disable, combo5 is enabled, etc..
    So, instead of disabling, I was considering removing combo2, combo3, and combo4. This would take a lot of work without knowing how big of an affect it would have.

    Any thoughts?

    Thanks,
    Jeff
Back to Top