Download - Page Diagnostics Tool for SharePoint and CDNs · Another Benefit of CDNs •Browsers limited to six concurrent open HTTP connections per domain (per RFC2616). •Name/URL based •CDN

www.bitstreamfoundry.com

Page Diagnostics Tool for SharePoint and CDNs

Sean P. McDonough

Consultant, Bitstream Foundry


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 …


The pretzel that got Fitz … (pretzel courtesy of Rencore)

The donut that got me (donut courtesy of Jeff Shuey)


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


(Good) PerformanceWhy is it suddenly an issue?


In the old days …

• On-prem, performance usually not an issue

• Fast networks (with low latency) hide a lot

• Fewer SharePoint installationsare on-premises


Head in the cloud(s)

• SharePoint Online changed the game

• Performance always mattered

• No hiding


Site Complexity

• Complex pages

• Large JS libraries

• More and more images

• Massive frameworks

• More web service data

• Additional inclusions

• Minification only helps so much


Page Diagnostics Tool for SharePoint


Let’s look atthe tool


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


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.


Digging In – Diagnostic Tests

• Nav check

• User check

• Image check

• CDN check

• Request count check

• Content Query webpart Check

• Other checks as necessary …


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


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.


A Word About CDNs

• CDN = Content Delivery Network

• Ever heard of Akamai?

• How does a CDN work?


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)


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!


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


Email: [email protected]

[email protected]

Blog: https://sharepointinterface.com

About: https://about.me/spmcdonough


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

https://chrome.google.com/webstore/detail/page-diagnostics-for-shar/inahogkhlkbkjkkaleonemeijihmfagi

https://sharepointinterface.com/2019/09/25/one-tool-to-rule-them-all/

https://www.telerik.com/download/fiddler


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

https://docs.microsoft.com/en-us/office365/enterprise/tune-sharepoint-online-performance

https://docs.pushtechnology.com/cloud/latest/manual/html/designguide/solution/support/connection_limitations.html

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/hosting-webpart-from-office-365-cdn