RadSlider with radHtml Chart Loading Slowly in IE browser:

[Vasanth]

     I have a Scenario using RadSlider with RadHTMLChart(Pie) in the Update Panel, in SharePoint 2010 Application Page. I added the RadSlider in ItemTemplate of RadListView control ,we have more than 50 RadSLider controls in the page. When the changes were made in the Slider, the HTMLChart also changed.

          When modifying the slider, I pass the value to RadHtmlchart on client side.The problem is when the page Refresh, the RadSLider and RadHTMLChart Controls are not displayed initially.
          It takes 15 seconds to show the Slider and RadHTMLChart controls after the page loads. The controls are taking time to load.

      I found that when using the minimum count for RadSLider control(2) , the radHtmlChart loads without delay. When increasing the RadSlider control count to 50, the RadHtml chart displays only after 15 seconds after the page load. It is happens only in IE browser.

         When i open the same page in Chrome and FireFox  the controls are shown within a second.


        Then I have changed  the RadSlider control property as "EnableServerSideRendering="true"". After changing this property, on page refresh the RadSLider controls displays without any delay. RadSlider works perfectly, but the RadHtmlChart produces the same delay to show the control,when referesh the page.

This issue happens only in IE browser.

Please provide any resolve methods to handle  this issue

[Slav]

Hello Vasanth,

By default the RadSlider control is rendered on the client. If there are many sliders on the page this operation could consume a lot of memory. It is expected that the browser will become unresponsive when such a heavy script is executed.

Setting EnableServerSideRendering to true is the suggested approach in this case, since it will reduce the scripts that are executed thus improving the performance.

It is strange that you are still experiencing the same delay after switching to server-side rendering of the sliders. Please ensure that there are not additional scripts that could be affecting the performance of the page. If the problem persists send a simple, fully runnable sample that isolates your case so that I can examine the exact setup and suggest an according solution.

Greetings,
Slav
the Telerik team

[Vasanth]

Thanks for the reply Slav,

       
This scenario was produced in the Sharepoint 2010 Application Page with RadSlider and RadHTML chart.


We tried enabling the settings as EnableServerSideRendering to true you mentioned, this displayed the RadSlider control without any delay but the RadHTML chart load delays just like when the settings was EnableServerSideRendering as false. We used a Single slider with RadHTML chart and RadSlider, this worked fine without any load issue. I think RadSlider control has background script running even when we enable Server-Side rendering to true, this causes the RadHTML delay in loading. This issue occurs only in the IE browser(IE9).


I have attached the SharePoint 2010 Application files. Please download the files from the below link.

https://www.dropbox.com/s/j6jxcvtms7wg3bt/RadSlider_SharePoint.zip

[Niko]

Hi Vasanth,

Please, check the attached page with a setup similar to what you have as a setup, except the data-binding of the chart. The page creates 100 sliders and the delay is around 2-4 seconds. Please, check the following screencast to make sure the results are correct - http://screencast.com/t/46G5zwIX8.

Could you, please, incorporate the necessary changes so that the delay resembles the one that you are experiencing? Please, make sure that the page is still runnable without external dependencies - DB, Services, etc, to which I have no access.

Greetings,
Niko
the Telerik team

[Vasanth]

Thanks for the Reply Niko,

                                      I used your Sample Application code .It is working fine in the normal Web Application Page.

       But When using the same code in the SharePoint 2010 - Application page(aspx),The control(RadHTML Chart) load delays approximately 8-10 Seconds.

 Only in the IE Browser this Issue exists.(IE9)

In my previous post I attached the code sample with SharePoint Application.


Please let us know how to resolve this issue .
   

      

[Slav]

Hello Vasanth,

I had problems with running your sample, so I created a new web part that has the same content. Indeed, there is a slowdown when the page with this web part is opened in IE 8, nevertheless such a behavior is expected because SharePoint 2010 is resource consuming and the IE 8 engine is known to have performance issues. You can check the difference in the loading time between a SharePoint page and a regular one in this screen capture. Note that the examined behavior is recorded on a virtual machine which also affects the overall performance.

Kind regards,
Slav
the Telerik team