www.bitstreamfoundry.com Page Diagnostics Tool for SharePoint and CDNs Sean P. McDonough Consultant, Bitstream Foundry
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