1. Optimising MOSS 2007 for the Internet Perth SharePoint User Group June 2008 Sezai Komur Senior Developer Vivid Group

2. Developing Websites for the Internet Different to developing Intranets! Performance – page weight and page load time is important. Nobody likes a slow website – even if its cool.

3. How do you make an ASP.NET Website Faster? Reduce Page Weight Reduce the time it takes to download and a page. Optimise what is in the page – dont download unnecessary files. Reduce the time it takes for a server to process and serve up a page and its resources.

4. Analysing Page Weight and Load Times Pingdom Tools – Full Page Test –http://tools.pingdom.com/fpt/http://tools.pingdom.com/fpt/ Firebug add-on for Firefox has a Net Analysis tool

5. MOSS 2007 Website Examples WebsitePage SizeLoad Time (ADSL2+) http://www.amanaliving.com.au 326 kb4.96s http://www.nntt.gov.au 494 kb10.3s http://www.microsoft.com 510 kb9.88s http://www.sharepointusers.org.au/Perth 663 kb3.16s http://www.microsoftsharepoint.com 772 kb3.1s http://www.nhs.uk 866 kb20.9s http://www.kpmg.com 943 kb1.43s http://sharepoint.microsoft.com/pedia 1.05 mb15.91 s http://www.tafe.wa.edu.au 1.06 mb33.36s http://www.ggs.wa.edu.au 1.09 mb3.4s http://www.premier.wa.gov.au 1.17 mb11.58s http://www.thatsmelbourne.com.au 1.19 mb7.77s http://www.hedkandi.com 1.63 mb12.6s

6. Regular Examples WebsitePage Size Load Time (ADSL2+) http://www.google.com.au/ 19 kb0.672 s http://www.australia.gov.au/ 120 kb3.77 s http://sharepoint-sezai-moss-2007.blogspot.com/ 146 kb3.89 s http://www.vividgroup.com.au/ 204 kb2.18 s http://www.centrelink.gov.au/ 207 kb2.5 s http://www.youtube.com/ 209 kb8.2 s http://www.microsoft.com/en/au/default.aspx 210 kb5.86 s http://www.thewest.com.au/ 1.1 mb9.6 s http://www.news.com.au/perthnow/ 1.15 mb15.06 s

7. Master Page Overview Contains Top Navigation, Search Box, Header, Footer – Common page elements Also contains the HTML head as well as Body tag HTML head contains SharePoint Controls that link to SharePoint JavaScript (core.js), CSS and other Resources. Anonymous Internet users DO NOT require these files so its a waste of their bandwidth to download. Authenticated users editing content DO still need these files.

8. Developing a custom Master Minimal.Master – a clean canvas Implement a custom HTML/CSS/JS design Custom CSS Custom navigation controls

9. What is Form Mode? Other CMS provide content editing in a back- end application. MOSS 2007 provides editing in context –Switch to edit mode on a page you are viewing. –Excellent authoring experience –Complex development experience By detecting Form mode you can target code and rendering to Edit Mode or Display Mode. –SPContext.Current.FormContext.FormMode –Microsoft.SharePoint.WebControls.SPControlMod e Enumeration EditModePanel uses this.

10. Demo! Minimal.Master Nothing.Master Form Mode Anonymous User Optimisation Top Navigation Optimisation

11. Page Layout Overview Page Layouts are based on content types Field Controls on Page Layouts bind to Site Columns / Fields of the Page Layout Content Type Custom ASP.NET Server Controls or User Controls –Data from Site Lists –Data from Anywhere Web Parts

12. Optimising Custom Page Layouts What is the page doing? How many controls/web parts on the page and what custom code is being run? What DATA is being retrieved by the custom code? Where? How? Optimise your server code and implement caching Memory Leaks! Exceptions! Dodgy Code!!!

13. Caching Implement ASP.NET level caching in custom code. Cache Navigation menus / SiteMapProvider Enable Blob cache and output cache –Files live in the Database –So caches files on the web server to reduce Database access

14. More Caching Store Chrome files directly on the file system of the web server – Always Cached –Can only be modified/updated by a developer IIS Static Compression –Core.js is 265kb, some sites have it at only 55kb due to IIS static compression

15. Rendering Tricks ASP.NET AJAX –Reduces the need to download an entire page resulting in FAST load times and an excellent user experience. BlendTrans Metatags - Fajax –Simple to implement –great result. White space removal to reduce page size and increase browser rendering speed.

16. Demo BlueBandBlendTrans.Master Cache settings Storing files /_layouts/images and /_layouts/inc Vs /Style Library

17. The End