top 10 secrets for speeding up share point web sites

Top 10 Secrets for Speeding up SharePoint WebSitesEd Robinson ed.robinson@aptimize.com

Agenda

• You have 5 seconds• Performance Methodology• Top 10 secrets• How we did it: sharepoint.microsoft.com• Resources

You Have 5 Seconds

• You have five seconds to make an impact– Engage interest, or leave forever– Google

• 100 ms = 20% less searches

– Shopzilla: • 25% speed increase• 7%-12% revenue

– Findsomeone• 25% reduction load time• 13% more clicks per visitor

• Collaboration needs real-time communication

Performance Methodology

Methodology• Goal: 5 seconds• Measure• Improve• Measure

What can we change?• Hardware• Platform• Application

TOP 10 SECRETS

1: Hardware + Platform

• Buy good hardware– Dedicated SQL Server– SharePoint cluster– RAID disk arrays– Lots of RAM– Multiple CPUs

• SQL Server– Sizing + tuning + indexing– Blob cache

Goal: Server processing 1 - 1.5 seconds

Warning: No secrets here

2. Far Future Expires

Reduce repeat-view load times 50%+ • Browser caches resources• Doesn’t check again until expiry• Reduces HTTP requests 90%• Challenge: Refreshing changes

Code: Add This HTTP Header to each resource

Expires: Wed, 13 Oct 2010 04:02:35 GMT

3. Gzip Compression

Reduce first view load time 30%-40%• Reduces size:

– HTML– JavaScript– StyleSheets

• No effect on images: (PJEG, PNG, GIF)

Check for HTTP request header

Accept-Encoding: gzip, deflate

4. Optimize JavaScript

Reduce load time 7%-10%• Merge JavaScript files into single file• Shrink JavaScript

– Remove comments– Remove whitespace

• Challenges:– Maintaining functionality– Maintenance

5. Optimize Stylesheets

• Reduce start render up to 75%• Merge Stylesheets files into single file• Shrink merged Stylesheet• Place Stylesheet at beginning of HTML• Page renders after all Stylesheets are loaded• Challenges:

– Maintenance

6. Image Sprites

Reduce load 5%-15%• Merge images into

multi-image sprite• Change HTML to use

sprite• HTTP requests

reduced• Challenges:

– Maintaining the sprite– Changing HTML

7. Image Inlining

• Reduce load times 1%-10%• Encode CSS back images• Copy encoding into CSS file• Reduces HTTP requests• Challenges

– Maintainability– Browser compatibility

8. Online ads

• Reduce ads and syndication– Ads – YouTube videos– Links to external sites

• Each link opens a new connection– Each increases load time ≈ 0.5 seconds

• Solution:– Load at the end of page– Open in a new window

9. Flash and Silverlight

• Don’t use– Flash on home page– Silverlight on home page

• Both add– Load time– Start render time

LOADING… 15%

10. Waterfall Diagrams

• Waterfall Diagram– Breaks down page load– Shows everything to

load the page– Server vs Client

• Create diagram using– WebPageTest– Fiddler

DEMO: MEASUREMENT TOOLS

Sharepoint.microsoft.com

Challenge• Improve performance for

microsoft.com site• High traffic, no downtime

Applied Methodology• Used 10 techniques

Results• > 50% reduction in load time

"The improvement in page loading time is tremendous."

Tony Tai, Product Manager, Microsoft Corporation

Next Steps

• Website speed is front and center now• Increase your service level• Steps:

– Measure your site now– Apply 10 steps– Measure your site– Get connected to blogs, Linked-in, Twitter

Get Connected

• Blog– http://www.aptimize.com/blog

• Twitter– http://twitter.com/aptimize

• LinkedIn (search Groups Aptimize)– http://www.linkedin.com/groups?gid=2294848

&trk=myg_ugrp_ovr

Aptimize Website Accelerator

Aptimize software automates best practices for browser load times

Aptimize Doubles Website Speeds:

Reduces HTTP requests by merging CSS and JS files

Reduces images with CSS sprite and CSS inlining

Compresses content using minification + Gzip

Increases caching using far-future-expires

50% reduction in data traffic and load times

40% increase in server throughput

Used in over 300 websites and intranets

Resources

Lets talk speed!• See Aptimize at the Microsoft

SharePoint Conference• Booth 1007• Look for the Rocket Car

WebPageTest http://www.webpagetest.org

Fiddler http://www.fiddler2.com

Microsoft case study http://blogs.msdn.com/sharepoint/archive/2009/09/28/how-we-did-it-speeding-up-sharepoint-microsoft-com.aspx