Upload
rex-backman
View
1.956
Download
4
Embed Size (px)
DESCRIPTION
Poor performing websites and SharePoint sites cost your compnay money in terms of lost, frustrated customers. Learn how to avoid slow sites from Aptimize and 10 suggested steps to improve performance.
Citation preview
Top 10 Secrets for Speeding up SharePoint WebSitesEd Robinson [email protected]
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