Last post Jan 28, 2011 02:58 AM by shabirhakim1
Jan 24, 2011 06:34 AM|dadrocker|LINK
I have a page in a structure as follows. But the loading time of the page is takes 20 or more seconds. In usercontrols i'd used Telerik RadControls, for that reason i can't use updatepanel to avoid script problems or etc. I had tried to add usercontrols
dynamically but there is about 14 usercontrols and it takes the same time period :(. I had tried using PartialUpdatePanel as in http://www.codeproject.com/KB/ajax/PartialUpdatePanel.aspx but
it's not compatible with telerik controls. My client wants to have the all 14 usercontrols being in the same page (not divided by tabs or wizards)
Need urgent advices...
14 Usercontrols that contains RadListViews has couple postback events.
Jan 25, 2011 07:49 AM|kittusra|LINK
You can overcome this problem using jquery. Load a page with out calling usercontrols on page_load method. Using jquery ajax call call a method in code behind n call user controls dynamically.
It will hit after page load completes.here method name is where u calling user controls dynamically. So you can decrease the page load time.
Jan 25, 2011 06:26 PM|dbevernage|LINK
The question is how those initial 20 seconds get spent. You should start profiling your page with tools like IE9 developer toolbar (or Firefox -> Firebug / Chrome -> CTRL + shift + I) and find out where you can improve the most:
- PageSize: make sure IIS HTTP dynamic compression is enabled to reduce total bytes sent over the wire
- Number of external resources referenced in your page (consider compressing and minifying JS and CSS files -> search for ASP.NET js minifier)
- ViewState: I imagine those 14 usercontrols can generate a lot of viewstate. This data will be posted back to the server on every postback. Disable viewstate on controls where possible. Another way to reduce viewState is to compress it when
sent to the client and decompress it on a postback (A number of articles on the internet explain exactly how to do this, search for "viewstate compression").
Remark: compressing your viewState makes sense, even if you apply HTTP compression on the server, because your browser decompresses your HTML on the client. At that point, the client has to push back the fully sized viewstate to the server.
- What database traffic do you generate when databinding these usercontrols? There's a range of measures you can take there: apply caching to reference data, retrieve multiple recordsets in a single DB connection, perform your initial DB retrieval
This is a just a handful of tips to start with.
Jan 27, 2011 06:44 AM|dadrocker|LINK
@dbevernage : The 20 seconds became for the reason of reading 33 tables from the database for a client and being have to keep the data in the viewstate. I had already activate HTTP Compression. There are some external resources of the component (Telerik
RadControls) and can't reduce the external sources (removed any unnecessary components and used html tags).
@kittusra : i'll give a try tonight and will share the result at here...
Thanks for advices
Jan 28, 2011 02:28 AM|dadrocker|LINK
@kittusra: i had tried but no success. Cause when i add the user control by using jquery. it asks for scriptmanager and other global components of telerik radcontrols.
I had added timer to all usercontrols. and bind the data after all page load events completed.
Jan 28, 2011 02:58 AM|shabirhakim1|LINK
What ever ? this is going to happen because it is too much.So you can have simple go for
I hope this article will help you
Apart,You can Think of having progressbar during page rendring