User1798940247 posted
I'm trying to determine the best way to go about speeding up the initial load time of pages that have multiple dynamic user controls on them. These controls vary from html5 charts/graphs and 3rd party grid controls (each page can be different
- like a dashboard). Currently, the user controls are injected server side onto the page, but it can take several seconds to get everything loaded before the page displays (5-10 seconds). What I'm hoping to achieve is a way to add these user controls
to the page as they are available/generated and not have to wait on ALL the controls before the page is shown.
Some of the User Controls are setup to pull their data via web methods, but the grids in particular are currently not in a place to be able to load their data this way due to the features required of them (I cant currently pass its creation properties
via json). I've seen in other applications where the place holders are showing loading gifs for instance and as the controls are generated they are placed in these spots, but at least you see the page, where the controls will be and that they are loading.
A. One way I could think of generating the grids within the confines of this setup would be to make multiple async postback calls to generate each one, thus giving the illusion of a 'faster' loading page, but in reality multiple async postbacks are
occurring.
B. Making the calls to get the data for the grids to use async thread calls (TPI/TPL), but not sure that would fix the display issue, but maybe it would...I dunno.
Any thoughts on how I could accomplish this?