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

Post on 15-Aug-2020

1 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

Transcript

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: sean@SharePointInterface.com

sean@bitstreamfoundry.com

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

top related