Radgrid Slow in IE but not Firefox

16 posts, 0 answers
  1. Ben
    Ben avatar
    35 posts
    Member since:
    Dec 2008

    Posted 05 Apr 2010 Link to this post

    I have a grid that is set up for paging with only 5 records displayed per page. When an item is queried in Firefox it takes no time at all to pull up however when a query is done in IE, it takes forever. I've tried it in both IE7 and IE8 with the same results in both. Because it's doing this on my machine and the rest of the users...I can only assume it's a conflict with the control and the browser.

    Any help would be greatly appreciated!
  2. Daniel
    Admin
    Daniel avatar
    4949 posts

    Posted 08 Apr 2010 Link to this post

    Hello Ben,

    Can you post your RadGrid declaration here so we can examine it?

    In the meantime I recommend you examine the following links:
    [video] Optimizing RadGrid for ASP.NET AJAX
    [help topic] Client/server grid performance optimizations
    [video] Optimizing RadGrid for ASP.NET Ajax: Part Two

    Regards,
    Daniel
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. Ben
    Ben avatar
    35 posts
    Member since:
    Dec 2008

    Posted 12 Apr 2010 Link to this post

    Thanks for the links, I will take a look at those right away.


    <telerik:RadGrid ID="RadGrid_Search" runat="server" DataSourceID="DS_Facility_Hardware_Search" 
                                                GridLines="None" Width="815px" AllowPaging="True" Height="180px" Style="margin-right: 0px" 
                                                PageSize="5" Skin="Gray" EnableViewState="False"
                                                <HeaderContextMenu EnableTheming="True"
                                                    <CollapseAnimation Duration="200" Type="OutQuint" /> 
                                                </HeaderContextMenu> 
                                                <PagerStyle PageButtonCount="1" /> 
                                                <MasterTableView AutoGenerateColumns="False" DataSourceID="DS_Facility_Hardware_Search" 
                                                    OverrideDataSourceControlSorting="False" EnableViewState="False"
                                                    <%--                                                <RowIndicatorColumn> 
                                                        <HeaderStyle Width="20px" /> 
                                                    </RowIndicatorColumn> 
                                                    <ExpandCollapseColumn> 
                                                        <HeaderStyle Width="20px" /> 
                                                    </ExpandCollapseColumn> 
                                                    <NestedViewTemplate> 
                                                        <asp:Panel ID="PanelNestedGrid" runat="server"
                                                        </asp:Panel> 
                                                    </NestedViewTemplate>--%> 
                                                    <RowIndicatorColumn> 
                                                        <HeaderStyle Width="20px" /> 
                                                    </RowIndicatorColumn> 
                                                    <ExpandCollapseColumn> 
                                                        <HeaderStyle Width="20px" /> 
                                                    </ExpandCollapseColumn> 
                                                    <Columns> 
                                                        <%--                                                   <telerik:GridTemplateColumn> 
                                                            <ItemTemplate> 
                                                                <asp:ImageButton ID="BtnExpand" runat="server" CommandName="Select" ImageUrl="~/EDRC/Images/More_Info.png"
                                                                </asp:ImageButton> 
                                                            </ItemTemplate> 
                                                        </telerik:GridTemplateColumn>--%> 
                                                        <telerik:GridTemplateColumn> 
                                                            <ItemTemplate> 
                                                                <asp:ImageButton ID="BtnMoreInfo" runat="server" CommandName="Select" ImageUrl="~/EDRC/Images/More_Info.png"
                                                                </asp:ImageButton> 
                                                            </ItemTemplate> 
                                                        </telerik:GridTemplateColumn> 
                                                        <telerik:GridBoundColumn DataField="FacilityID" DataType="System.Int32" HeaderText="FacilityID" 
                                                            ReadOnly="True" SortExpression="FacilityID" UniqueName="FacilityID" Visible="false"
                                                        </telerik:GridBoundColumn> 
                                                        <telerik:GridBoundColumn DataField="SFFacilityID" DataType="System.Int32" HeaderText="SFFacilityID" 
                                                            SortExpression="SFFacilityID" UniqueName="SFFacilityID" Visible="false"
                                                        </telerik:GridBoundColumn> 
                                                        <telerik:GridBoundColumn DataField="FacilityName" HeaderText="FacilityName" SortExpression="FacilityName" 
                                                            UniqueName="FacilityName"
                                                        </telerik:GridBoundColumn> 
                                                        <telerik:GridBoundColumn DataField="Website" HeaderText="Website" SortExpression="Website" 
                                                            UniqueName="Website"
                                                        </telerik:GridBoundColumn> 
                                                    </Columns> 
                                                </MasterTableView> 
                                                <FilterMenu EnableTheming="True"
                                                    <CollapseAnimation Duration="200" Type="OutQuint" /> 
                                                </FilterMenu> 
                                                <ClientSettings EnableRowHoverStyle="true"
                                                    <Selecting AllowRowSelect="True" /> 
                                                </ClientSettings> 
                                            </telerik:RadGrid> 



  4. Daniel
    Admin
    Daniel avatar
    4949 posts

    Posted 15 Apr 2010 Link to this post

    Hello Ben,

    My guess is that you have many nested controls in the NestedViewTemplate. Could you temporary comment out the aforementioned template so we can know whether this is the cause?

    Regards,
    Daniel
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  5. Julie Wilson
    Julie Wilson avatar
    5 posts
    Member since:
    Nov 2008

    Posted 24 Jun 2010 Link to this post

    I am having the same issue with IE8 loading slow.  Firefox and Safari are very fast on load. 

    My grid contains 5 GridTemplateColumn - with custom buttons when I remove those the grid loads faster in IE8 but it is still slower than Firefox and Safari - with those columns. 

    I have tried several different solutions -
    I used the itemdatabound to create the buttons - which call Javascript to open new pages in a Radwindow.
    Then I created the html code in SQL so it didn't have to go thru the itemdatabound routine - thinking that might be the problem but the load time is still extremely slow. 

    Any suggestions on what do to to change the behavior?

    thanks,
    Julie

     

  6. jrussel21
    jrussel21 avatar
    8 posts
    Member since:
    Mar 2010

    Posted 24 Jun 2010 Link to this post

    I would assume this is due to the heavy amount of javscript embedded in the controls. Browsers with good javascript compilers perform much faster. A couple of sites out there highlight the differences in the browsers. Word on the street is that IE9 is quite similiar in experience to those broswers.
  7. Julie Wilson
    Julie Wilson avatar
    5 posts
    Member since:
    Nov 2008

    Posted 24 Jun 2010 Link to this post

    I have 5 javascript functions they are calling the Radwindow control and are pretty simple functions.  Nothing complicated just passing parms and calling the radwindow . 

  8. jrussel21
    jrussel21 avatar
    8 posts
    Member since:
    Mar 2010

    Posted 24 Jun 2010 Link to this post

    That may be true for your part of the page, but not so much for the actual controls, I think. When I look at the source that is sent to the client, there is a ton of javascript. I have noticed on my wenb servers that the ASP part of the page processes very fast, but the sending of 25 or so radgrids with about 30 rows each takes upwards of 20 seconds and in chrome or firefox it takes about 3 seconds. It pretty much spikes processing on the client, but not the server. I have to take extra steps to not send so many radgrids because of this. (I have a bunch of pagevies in a tab strip thta each has a radgrid).

    I should also note that I have almost no javascript that I provide in my pages.
  9. Julie Wilson
    Julie Wilson avatar
    5 posts
    Member since:
    Nov 2008

    Posted 24 Jun 2010 Link to this post

    I have one grid - with 5 custom controls per line, I am not loading multiple grids. 

    The grid is slow loading the data in IE with the controls but when I remove the controls it loads faster but even without controls it is slower loading than it does in Firefox and Safari.   

  10. jrussel21
    jrussel21 avatar
    8 posts
    Member since:
    Mar 2010

    Posted 24 Jun 2010 Link to this post

    How many rows?
  11. Julie Wilson
    Julie Wilson avatar
    5 posts
    Member since:
    Nov 2008

    Posted 24 Jun 2010 Link to this post

    just shy of 1500 rows.
  12. TonyG
    TonyG avatar
    239 posts
    Member since:
    Feb 2006

    Posted 30 Jun 2010 Link to this post

    Rather than starting a new thread, I'll add to this one.

    I have a grid that seems to run acceptably in my development with IE8.  The client reports that beta testing with IE7, the grid does horizontal scrolling VERY slowly, but in Firefox it runs fine.  We're using the latest release of Rad components.  The grid generally has less than 50 rows but around 30 visible columns, sometimes up to 21 small images per row, grouping, and fixed columns with horizontal scrolling.  I think it's the Hscroll that's the biggest problem.

    Frankly, the client IT people are testing with IE7 and Firefox but all of their users run IE8.  I need to explain (again) that I'm not coding to IE7 or Firefox and it's certainly going to be different across browsers.

    However, the point remains that there is a significant performance difference here and it's critical for RadControls developers to know what can be done to continually maintain good performance as we add complexity to these grids.  Moving ViewState to the server was a huge improvement.  I'll recheck the links that Daniel provided.

    Thanks.
  13. TonyG
    TonyG avatar
    239 posts
    Member since:
    Feb 2006

    Posted 04 Aug 2010 Link to this post

    Following up to myself here:

    Regarding the company I mentioned on June 30  : Even IE8 performance is poor as we add more functionality to their grid, which has a RadWindow popup for editing, etc. This client is so disheartened by the performance that they are now installing FireFox for all of the people who will be using this small app. Now that is a statement.

    I need to do more homework on improving performance, regardless of the browser. I'm sure I can optimize in many places. But I just wanted to convey one end-user site's solution to performance issues with IE.

    I'm not keen on blaming IE here entirely, though it is certainly a key factor. RadControls are very "heavy" too, compared to your basic web page. I'm hoping that as the product advances, that perhaps Telerik can work out new ways to reduce the script and code passed to browsers based on the functionality that is actually being used.

    Thanks for your time.
  14. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 05 Aug 2010 Link to this post

    Hi TonyG,

    The loading time of the page and the parsing/rendering of Telerik AJAX controls javascript and html can vary depending on the features and number of components you load at once. In addition to the links Daniel provided, I would like to draw your attention to the support resources below which elaborate on useful techniques for performance optimizations:

    http://www.telerik.com/products/aspnet-ajax/getting-started/top-performance.aspx
    http://www.telerik.com/support/aspnet-ajax.aspx (section "Performance")

    http://demos.telerik.com/aspnet-ajax/controls/examples/default/defaultcs.aspx
    http://www.telerik.com/help/aspnet-ajax/introduction.html
    (demo nodes/chapters dedicated on reduced loading times)

    I hope that you will find them useful.

    We are always striving to deliver rich set of features for our controls without compromising their overall performance. This would be our utlimate goal for the future version of the RadControls for ASP.NET AJAX suite and you can count on that.

    Regards,
    Sebastian
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  15. Manoj
    Manoj avatar
    4 posts
    Member since:
    Sep 2015

    Posted 20 Nov 2015 Link to this post

    Hi,

    I am using Telerik controls in my application.
    We are opening a (rad window) web dialog which contains two rad grids(one of them is read only grid around 80 records and another one is editble grid having one textbox Column around 170 records).
    So Now i am getting Performance Issue, it is taking too slow to render the web dialog of page in IE(9 & 11).
    The grid is slow loading the data in IE(9 & 11) but it is slower loading than it does in Firefox,Chrome and other IE.
    Please find below details for how much time taking in different browsers.

    IE-9      26-30 sec
    IE-10      14-16 sec
    IE-11      45-46 sec
    Chrome      7 sec
    Mozilla      8- 10 sec

    Any Suggestions ?


    Thanks & Regards,
    Manoj Rayilla

  16. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2466 posts

    Posted 24 Nov 2015 Link to this post

    Hello Manoj,

    Different browsers will handle complex pages differently and it is more or less expected that there will be a variation in the loading time, especially if all of the items in the second RadGrid are in edit mode. For performance optimization for RadGrid I would recommend that you take a look at the following help article:
    Please note that the easiest way for drastically increasing the performance is to enable the Paging functionality of the control and set a reasonable page size.

    Hope this helps.


    Regards,
    Konstantin Dikov
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top