Page Diagnostics Tool for SharePoint and CDNs · Another Benefit of CDNs •Browsers limited to six...
Transcript of Page Diagnostics Tool for SharePoint and CDNs · Another Benefit of CDNs •Browsers limited to six...
www.bitstreamfoundry.com
Page Diagnostics Tool for SharePoint and CDNs
Sean P. McDonough
Consultant, Bitstream Foundry
www.bitstreamfoundry.com
About Me …
• Microsoft Office Apps and Services MVP
• Independent consultant focusing on Akumina & SPFx
• Started working with SharePoint in 2004 (with SPS 2003)
• Have seen SharePoint from many different angles
• Developer at heart, IT Pro/Admin by necessity
• Specific interest in SharePoint performance optimization
• Into AR/VR, Magic: The Gathering, DJing, and lots more
• Lover of all things donut …
www.bitstreamfoundry.com
The pretzel that got Fitz … (pretzel courtesy of Rencore)
The donut that got me (donut courtesy of Jeff Shuey)
www.bitstreamfoundry.com
Today’s Agenda
• A little performance background
• Introduce Page Diagnostics Tool for SharePoint
• Dig into some of the things we can to with the PDTfS
• Spend some time on CDNs and other good ideas
• Discuss any remaining topics and ideas that come up in conversation
• Q&A + Wrap-Up
www.bitstreamfoundry.com
(Good) PerformanceWhy is it suddenly an issue?
www.bitstreamfoundry.com
In the old days …
• On-prem, performance usually not an issue
• Fast networks (with low latency) hide a lot
• Fewer SharePoint installationsare on-premises
www.bitstreamfoundry.com
Head in the cloud(s)
• SharePoint Online changed the game
• Performance always mattered
• No hiding
www.bitstreamfoundry.com
Site Complexity
• Complex pages
• Large JS libraries
• More and more images
• Massive frameworks
• More web service data
• Additional inclusions
• Minification only helps so much
www.bitstreamfoundry.com
Page Diagnostics Tool for SharePoint
www.bitstreamfoundry.com
Let’s look atthe tool
www.bitstreamfoundry.com
The Basics
• Now works with classic and modern pages
• Checks for numerous problem conditions
• Suggests fixes in plain English
• Links to very helpful resource materials
• Provides everything with easy-to-readstoplight color coding
• Data can be exported
www.bitstreamfoundry.com
The Basics
• Easy and reliable info on the important headers we need!• SPRequestDuration
• SPIIsLatency
• End-to-end load time• Page (.ASPX) component more interesting to
us for sleuthing.
www.bitstreamfoundry.com
Digging In – Diagnostic Tests
• Nav check
• User check
• Image check
• CDN check
• Request count check
• Content Query webpart Check
• Other checks as necessary …
www.bitstreamfoundry.com
Digging In - Network Tab
• Gives us raw timing info
• Each request is clearly shown
• Allows export to HTTP archive (.HAR file)
• Same stoplight readability
• Don’t have to dig through traces
www.bitstreamfoundry.com
Exporting Your Data
• Available in HTTP Archive (.HAR) format
• Check the box before you run your test
• When you stop, click Export to HAR
• Can’t find your file? Check your Downloads folder• Just rename the .tmp file and give it an .har
extension
• Import into Fiddler or another tool.
www.bitstreamfoundry.com
Exporting Your Data
• Available in HTTP Archive (.HAR) format
• Check the box before you run your test
• When you stop, click Export to HAR
• Can’t find your file? Check your Downloads folder• Just rename the .tmp file and give it an .har
extension
• Import into Fiddler or another tool.
www.bitstreamfoundry.com
A Word About CDNs
• CDN = Content Delivery Network
• Ever heard of Akamai?
• How does a CDN work?
www.bitstreamfoundry.com
CDN Operations
• Static assets (like media) are put closer the point of use/download
• Avoids potential excessive latencycosts
• Greater likelihood of fat pipe near you
• Content comes with cacheabilityheaders (e.g., public, max-age > 0)
• Avoids unnecessary downloads (local cache & HTTP 304 returns)
www.bitstreamfoundry.com
CDN Operations
• Static assets (like media) are put closer the point of use/download
• Avoids potential excessive latencycosts
• Greater likelihood of fat pipe near you
• Content comes with cacheabilityheaders (e.g., public, max-age > 0)
• Avoids unnecessary downloads (local cache & HTTP 304 returns)
www.bitstreamfoundry.com
Another Benefit of CDNs
• Browsers limited to six concurrent open HTTP connections per domain (per RFC2616).
• Name/URL based
• CDN typically use another name/URL (e.g. *.akamaihd.net instead of .sharepoint.com for SPO)
• Add another URL and add six more concurrent downloads!
www.bitstreamfoundry.com
Easy to integrate CDNs with SPFx
• Just upload to CDN and reference in project
• Microsoft has easyinstructions
• Many common libraries andframeworks are hosted in CDNs
• Easy way to boost performance
www.bitstreamfoundry.com
Email: [email protected]
Blog: https://sharepointinterface.com
About: https://about.me/spmcdonough
www.bitstreamfoundry.com
Resources and Links
Page Diagnostics Tool for SharePoint• https://chrome.google.com/webstore/detail/page-diagnostics-for-shar/inahogkhlkbkjkkaleonemeijihmfagi
“One Tool to Rule Them All”• https://sharepointinterface.com/2019/09/25/one-tool-to-rule-them-all/
Fiddler (Download)• https://www.telerik.com/download/fiddler
www.bitstreamfoundry.com
Resources and Links (cont.)
Tune SharePoint Online Performance • https://docs.microsoft.com/en-us/office365/enterprise/tune-sharepoint-online-performance
Browser connection limitations• https://docs.pushtechnology.com/cloud/latest/manual/html/designguide/solution/support/connection_limitations.html
Host your client-side web part from Office 365• https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/hosting-webpart-from-office-365-cdn