Radgrid Slow in IE but not Firefox

[Ben]

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!

[Daniel]

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.

[Ben]

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>

[Daniel]

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.

[Julie Wilson]

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

 

[jrussel21]

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.

[Julie Wilson]

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 . 

[jrussel21]

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.

[Julie Wilson]

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.   

[jrussel21]

How many rows?

[Julie Wilson]

just shy of 1500 rows.

[TonyG]

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.

[TonyG]

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.

[Sebastian]

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

[Manoj]

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

[Konstantin Dikov]

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:

• http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/performance/grid-performance-optimizations

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