Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance...
-
Upload
warren-singleton -
Category
Documents
-
view
218 -
download
0
Transcript of Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance...
![Page 1: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/1.jpg)
Spark the future.
May 4 – 8, 2015Chicago, IL
![Page 2: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/2.jpg)
Best Practices for Design and Performance in SharePoint Online John Ross & Randy Drisgill Rackspace
Shyam NarayanMicrosoft
BRK2169
![Page 3: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/3.jpg)
Guidance for successfully building portals on SharePoint Online
SharePoint Online’s scale out and capacity management strategy
Share real world experiences from large portal launches
![Page 4: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/4.jpg)
Product Manager – Rackspace MVP SharePoint Server Author
SharePoint 2013 Branding & UI Design http://bit.ly/SP2013Branding
Professional SharePoint 2010 Branding http://bit.ly/sp2010-brandingbook
Blog: http://johnrossjr.wordpress.com/
Twitter: http://twitter.com/johnrossjr
Orlando, FL
John Ross
![Page 5: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/5.jpg)
Manager and UI Guy – Rackspace MVP SharePoint Server Author
SharePoint 2013 Branding & UI Design http://bit.ly/SP2013Branding
Professional SharePoint 2010 Branding http://bit.ly/sp2010-brandingbook
Blog: http://blog.drisgill.com
Twitter: http://twitter.com/Drisgill
Orlando, FL
Randy Drisgill
![Page 6: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/6.jpg)
Program Manager – Microsoft Responsible for SharePoint
Online Performance Scalability Storage
Blog http://blogs.msdn.com/b/shyam/
Twitter http://twitter.com/dotnetbounce
Seattle, WA
Shyam Narayan
![Page 7: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/7.jpg)
Cloud? On-Prem(ises) There’s many different types of clouds
SharePoint Online is a Software as a Service (SaaS) solution Azure is an Infrastructure as a Service (IaaS) solution Both are considered Cloud Any SharePoint version not SharePoint Online is considered “On-Prem”
Which cloud is the right fit for you?
Platform Decisions
![Page 8: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/8.jpg)
Why is it different?
Server
Browser
Network
Complex pagesToo many web parts
Large payloadToo many filesLarge distance to server Complex pages
Busy computerSmall cache
Server
Expensive server interactionsFront end cache misses
Network
MicrosoftNetwork
Internet
ISP
CDN
![Page 9: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/9.jpg)
Make a new Portal – “Green fields” Provides maximum flexibility Avoid applying on-premises guidance to the cloud
Migrating from SharePoint on-premises Do not lift and shift Re-architect for SharePoint Online capabilities Suggested approach for publishing portals
SharePoint Online – Where do you start?
![Page 10: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/10.jpg)
Building on SharePoint Online
Planning
Branding
Other
Site Build/Configure
Rollout
![Page 11: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/11.jpg)
Things to factor into your designCloud Parity
Devices Connectivity
Feature parity not guaranteed
Feature behavior and performance not same
BYOD x-cross platform Mobile devices
and tablets
Corporate network Home, on the go.. Remote offices and
across geographies
![Page 12: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/12.jpg)
Building portals on SharePoint Online
![Page 13: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/13.jpg)
In Marketing: Creating names, logos, symbols, designs, etc. that differentiates products in the
marketplace
Branding for SharePoint: Generic term used for SharePoint UI Customization Master Pages, Page Layouts, CSS, Web Parts, images, fonts, etc.
What do we mean by “branding”
![Page 14: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/14.jpg)
Portals: Corporate Intranet Home Page Often features heavy branding / styling Communicative – Few Authors / Many
Consumers Often controlled by Corp
Communications
Portals vs Collaboration Sites
Collaboration Sites Team / Project Sites Often not as stylized All about team productivity Teams own their sites
![Page 15: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/15.jpg)
Approaches to Branding in SharePoint Online
Full Effort - ExtendCustom Master Pages, Page Layouts, Display Templates
Medium Effort – Configure/ExtendDesign Manger for Publishing SitesCustom CSS
Low Effort – Out of the boxPage Editing & Composed Looks
![Page 16: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/16.jpg)
Composed Looks Simple layout / color / font
options Upload your logo and a
background image to complete the look
Branding Impact on SharePoint Online
Design Manager Convert standard HTML / CSS to
SharePoint Master Page & Page Layouts
Snippets to help you build out SP functionality
Publishing Sites Only
Full SharePoint branding Custom Master Page & Page Layouts
created by you Steep learning curve – You add SP
functionality manually
Low Impact Higher Impact
![Page 17: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/17.jpg)
Why RWD? Create one design that adapts to many screen
resolutions Great experience across devices Maintain one codebase
Considerations Better for Portals that Collaboration / Team Sites More planning / Testing – How will site react at different
sizes with different devices Content Authors – May need to understand how to create
content that is responsive
Example: Heather Solomon – Making Seattle.master responsive:
blog.sharepointexperience.com/2015/03/making-seattle-master-responsive/
Responsive Web Design
![Page 18: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/18.jpg)
SharePoint Branding Options
![Page 19: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/19.jpg)
Also called Themes
Pick from predefined Composed Looks
Configure: Background Image Colors Site Layout (Master
Page) Seattle Oslo
Fonts
Composed Looks
![Page 20: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/20.jpg)
They can be thought of as the outer shell of a site design
Custom master pages give you control over much of the SharePoint Page Full HTML Control Add JavaScript / jQuery Add Custom CSS Content layout Hide and show parts of SharePoint SharePoint Controls
Master Pages
![Page 21: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/21.jpg)
Easily convert HTML design into SharePoint Available only in Publishing Sites
Site Settings > Design Manager Master Pages for shell of your design Page Layouts for page content formatting
Design Manager
![Page 22: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/22.jpg)
Create Master Pages and Page Layouts by hand Use a Starter Master Page - StarterMasterPages.CodePlex.Com Layout with HTML, CSS, & images Add SP Controls + Move / Hide Content Placeholders Customize CSS + add JavaScript as needed
Custom Branding
![Page 23: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/23.jpg)
Design Manager Custom Branding
You have Foundation or non-Publishing site
You are experienced with Pre-SP 2013 branding
Need quick nice looking branding
Need highly stylized / complex branding
Updating Existing SharePoint Branding
You are experienced with HTML and CSS
Design Manager vs. Custom Branding
![Page 24: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/24.jpg)
SharePoint Branding Options
Demo
![Page 25: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/25.jpg)
Optimizing Performance
![Page 26: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/26.jpg)
Structural navigationDeep navigation
Top 5 causes of slow perf in SharePoint Online
Content rollupExpensive queriesLarge filesImages and videos
Lots of requests.js, .css, imagesLots of web parts
![Page 27: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/27.jpg)
Performance Optimizations
Demo: 30 seconds to 2 seconds
![Page 28: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/28.jpg)
30 seconds to 2 seconds
20s
5s
2s
30s Structural to search or managed navigation
Content by query to content by search
Image optimization, delay loading and
custom apps
Optimizing HTTP traffic via CDN’s,
bundling and minification
![Page 30: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/30.jpg)
How SharePoint Online manages capacity
![Page 31: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/31.jpg)
Lots of content….
Today
500% Growth
12 Months
![Page 32: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/32.jpg)
Predictive capacity: forecasting
SharePoint Online forecasts future
growth by trending historical load
Time
Request
s
Requests in zone
![Page 33: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/33.jpg)
Predictive capacity: forecasting
Forecasts are for groups of farms in a
zone
Time
Request
s
Requests in zone
Requests per farm
![Page 34: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/34.jpg)
Predictive capacity: managing farms
0
10
20
30
40
50
60
70
80
90
100
Average front end CPU load
% C
PU
Monday Tuesday Wednesday ThursdayFriday
0% to 40 % - Operating zone
40% to 85 % - Buffer
85 to 100 % - Danger Zone
Front ends in content farms run at 40% CPU
As load increases, weadd capacity
![Page 35: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/35.jpg)
Launching on SharePoint Online
![Page 36: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/36.jpg)
Launching a new site to > 10k usersPilot 1 2 43
Time
Use
rs
Waves
Invited users
Active users
![Page 37: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/37.jpg)
…but sometimes slow rollouts isn’t an option
![Page 38: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/38.jpg)
Scenario: Company-wide webcast
Microsoft’s “Academy” site hosts training videos and live broadcasts
Recent live company-wide events:1. Company meeting2. New CEO announcement
Optimizations:3. Load jQuery from CDN4. Move images to asset library
![Page 39: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/39.jpg)
Microsoft farm & Satya webcast
0
500,000
1,000,000
1,500,000
2,000,000
2,500,000
3,000,000
3,500,000
4,000,000
4,500,000
Monday Tuesday Wednesday ThursdayFriday
Webcast requests
Non-webcast requests
![Page 40: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/40.jpg)
Key takeaways..
Visually Stunning
Highly Performa
nt
Extreme Scale
![Page 41: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/41.jpg)
BRK3164: Deep Dive into Safe SharePoint Branding (Monday, 5/4 @ 3:15pm)
BRK2205: Behind the Scenes: Engineering NextGen Portals (Thursday, 5/7 @ 9am)
Suggested Sessions
![Page 42: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/42.jpg)
Visit Myignite at http://myignite.microsoft.com or download and use the Ignite Mobile App with the QR code above.
Please evaluate this sessionYour feedback is important to us!
![Page 43: Server Browser Network Complex pages Too many web parts Large payload Too many files Large distance to server Complex pages Busy computer.](https://reader036.fdocuments.in/reader036/viewer/2022062315/5697c00b1a28abf838cc83b6/html5/thumbnails/43.jpg)
© 2015 Microsoft Corporation. All rights reserved.