[Solved] Optimizing does not work in my case

[Erwin]

Good Day to you.

I have been using telerik controls for some times now.  We had this site where telerik controls are implemented. 

Our site is composed of different controls.
We have 3 panels separated using RadSplitter. RadPanelbars in the left, grids in the center and docks with panel with grid in the side.

During the development we notice that our site loads slowly.......
It would take us 5 to 10 seconds to load the site.  The controls will load lastly.

We have observed that the CPU Usage of our site is 20%-30% in standby mode(doing nothing after loading with out mouse movements)

I have read Your Tutorials about Optimizition Tips
This is what i did so far.

RadScriptManager- I put it in my main page but did not use its reference property since my javascripts are in the same page of my code
RadStyleSheetManager -Put it in my mainpage but didnot use its reference property since i did not costumize my telerik control's skin. My Css is Attached using  <link href="
Debug - i already set it to false and I am using II7

So far from the above it does not give me a better CPU Usage of my site.
I think the control RadPanelBar is the one using most of the CPU since if i remove it in the code or hide it using the splitter my CPU Usage is 5%-10%. I also notice that when i press ESC after page load. the CPU Usage is going down.

I would appriciate if you could help me optimize my CPU Usage.

Thanks

[Kamen Bundev]

Hi Erwin,

Indeed, RadPanelBar uses animated GIF backgrounds for its root elements which on slow machine can be quite a CPU hog. You can open the animated GIF in a image editor and save only the first frame as a new GIF image. Then reference the new image with this CSS rule:

div.RadPanelBar_Vista .rpLink {

    background-image: url("your_new_image.png");

}

Replace Vista with the name of your skin.

Kind regards,
Kamen Bundev
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.

[Erwin]

Thank you very much

Your suggestion made our web application more lighter.

By the way, may i suggest that the image background should be .PNG since the .GIF image consumes lots of CPU Usage.
I am using a Athlon dual core processor  with 2 GB of Memory and my site is is consuming 18%-25% of CPU Usage

But when i made the change of the Image Background to .PNG my CPU Usage is 5%-14%....

I have another question.... Why did the telerik component used the .GIF in the Panelbar as a Background? Is there an advantage of using the .GIF Background in the PanelBar?

Thanks

[Kamen Bundev]

Hello Erwin,

We preferably use PNG8 images throughout our skins since they tend to be smaller and are almost equally well supported in all browsers. However there are no performance gains between a normal GIF and a PNG8 image. The reason this particular GIF uses more CPU is that it is animated. We use it to show the animated hovers in RadPanelBar and it uses far less CPU than if used javascript for instance. That's why your performance increases when you save it as PNG - there is no animation (there is an APNG format, but currently the IE browsers doesn't support it). Let me know if this helps.

All the best,
Kamen Bundev
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.