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.


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.


  • 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?

  • Why not create a new page for each tab? When the user clicks on the tab, he will be navigated to the relevant page with the relevant webparts. Commented Nov 14, 2012 at 10:58
  • Yeah but i rather have tabs because they should be all on the same page ...
    – Shkipper
    Commented Nov 14, 2012 at 12:08
  • Shkipper, You should change the layout; keeping so many web parts on a single page isn't a good practice... divide them into separate pages keeping the User Friendly nature of the pages! Commented Nov 14, 2012 at 12:46
  • I know, but its not up to me, the business people want to have this kind of tab on the same page, as it is all about the same ... so yeah ...
    – Shkipper
    Commented Nov 14, 2012 at 12:53

1 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.



Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.