SharePoint 2010 – The Performance Guide – Part 3 – Track bottlenecks while using the SharePoint Developer Dashboard

  1. Why is performance important?
  2. SharePoint out of the box performance boosters
  3. Track bottlenecks while using the SharePoint Developer Dashboard
  4. Track bottlenecks while using firebug
  5. Track bottlenecks while using Ants Performance Profiler
  6. SharePoint API considerations and best practices ….

Track bottlenecks while using the SharePoint Developer Dashboard ?

As SharePoint developers we aren’t only responsible for creating the functionality that is required, but we are also responsible for the overall quality of the solution we build. This means an ergonomic fluent user interface, code that is suitable for changes and in my opinion one of the most important aspects, a good performance. Most of these topics are described in white papers, best practices and millions of books and blog posts… but wouldn’t it be a pleasure if it was already in the platform? Yes, indeed!

SPMonitoredScope

That is why the SharePoint team provided us with the developer dashboard and the SPMonitoredScope class! I’ve already written a blog post concerning the how and the what of the developer dashboard here: http://bit.ly/yKmBSR

Custom master page

When you are using a custom master page and not the out-of-the-box v4 master page the controls that are rendering the dashboard aren’t available. But it is allowed to provide these controls in your custom master page in order to benefit from the functionality it contains. Remember to specify the SharePoint webcontrols assembly in order to use the DeveloperDashboardLauncher and the DeveloperDashboard  controls. In combination with the SPSecurityTrimmedControl you can enable this control only for members of a specific SharePoint group.

MSDN: Implementing and using the Developer Dashboard: http://msdn.microsoft.com/en-us/library/ff512745.aspx

Developer Dashboard CSS

Most times the branding is not the default css, so when you open the develop dashboard the formatting is not as readable as you would want to.
Add these CSS classes to your css file in order to format the developer dashboard.

  .ms-developerdashboard > table
  {
   vertical-align: top;
   width: 100%;
   border: 2px solid;
   float: left;
   background-repeat: repeat-x;
   background-color: white; /* [RecolorImage(themeColor:"Dark2")] */
   background-image: url("/_layouts/images/settingsgraphic.jpg");
   white-space: nowrap;
   padding: 0;
   margin: 0;
  }
  .ms-developerdashboard > table tr td
  {
   vertical-align: top;
   background-color: transparent;
   font-family: tahoma;
   font-size: 8pt;
   text-align: left;
  }
  .ms-developerdashboard > table th
  {
   background: #ebf3ff url("/_layouts/images/bgximg.png") repeat-x -0px -381px;
   border: 1px solid #add1ff;
   width: 100%;
   vertical-align: top;
   font-size: 8pt;
   font-weight: bold;
   color: #606060;
  }
  .ms-developerdashboardnav > ul
  {
   margin-top: 0px;
   white-space: nowrap;
  }
  .ms-developerdashboardnav ul li
  {
   list-style-type: disc;
   line-height: 14px;
   margin-left: 25px;
  }
  .ms-developerdashboardnav ul li a
  {
   font-size: 8pt;
   color: #6699CC;
  }

Anonymous access.

Waldek Mastykarz has written an excellent blogpost about this:

http://blog.mastykarz.nl/enable-developer-dashboard-anonymous-users/

Hope it helps

Tom

VN:F [1.9.22_1171]
Rating: 9.3/10 (3 votes cast)
VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)
SharePoint 2010 – The Performance Guide – Part 3 - Track bottlenecks while using the SharePoint Developer Dashboard, 9.3 out of 10 based on 3 ratings