Possible solution to a lot of expensive webparts on a single page

Question

I have a question regarding the loading issue of a page.

Current situation:

I have a page layout in my SharePoint 2007 environment, this page layout defines a lot of web parts we can say up to 40 of them but it can grow more, with a JQuery I create tabs and hide 1/4 of them. So with tabs I'm kinda navigating on the page which has my custom layout, hiding and showing the webparts.

Issue:

Basically because I have so many webparts the perfromance decreases on the page which has this layout, especially some web parts retrieve/show a lot of data.

Solution?

• So how to solve that kind of problem?
• Is there another way to implement this?
• Can I load some webparts on demand, for example when to click on the tab (created by JQuery)?

My first thought was to put 8 webparts that should be shown together each time in update panel, this way I could delay the load, but after investigation I understood that I cannot do that ... I cannot say to UpdatePanel do not load, and load only on a click. That is why I'm looking for a new approach.

Any ideas?

Answer 1

1. Separate each tab's content onto a separate page.

2. Then on your homepage you can dynamically load each tabs content on-click if you call:

   $("#tab1").load("/pages/tab-1.aspx #MSO_ContentTable")

Then trick to this is the id that you pass in after the url. This way you can tell it to load only your webparts from the other pages and not everything else it would get from the masterpage. The example above uses the id from a 2010 wiki page. You'll have to figure out what selector you have to pass in for a 2007 page.

http://api.jquery.com/load/#loading-page-fragments