Run 3 summary

https://www.pagerduty.com/04-home-base-tidy-no-ext-scripts.html

Tested 2024-11-07 19:40:47 using Chrome 130.0.6723.31 (runtime settings).

SummaryWaterfall MetricsVideoFilmstrip CoachPageXrayThird partyScreenshots

Summary

MetricValue
Page metrics
Performance score98
Total page size216.7 KB
Requests15
Timing metrics
TTFB113 ms
First Paint365 ms
Fully Loaded671 ms
Google Web Vitals
TTFB113 ms
First Contentful Paint (FCP) 365 ms
Largest Contentful Paint (LCP) 403 ms
Cumulative Layout Shift (CLS) 0.00
Visual Metrics
First Visual Change366 ms
Speed Index395 ms
Visual Complete 85%400 ms
Visual Complete 99%466 ms
Last Visual Change466 ms
Screenshot
| Waterfall | | Download HAR | 

Waterfall

| Video | Download | 

Video

Download video
| Filmstrip | 

Filmstrip

Use--filmstrip.showAll to show all filmstrips.

0 s
0.4 sFirst Contentful Paint 365 msFirst Visual Change 366 msVisual Complete 85% 400 msVisual Complete 95% 400 ms
0.5 sLCP <DIV> 403 msDOM Content Loaded Time 412 msPage Load Time 444 msLast Visual Change 466 msVisual Complete 99% 466 ms
| Performance advice | Best practice advice | Privacy advice | Page info | Technologies | 

Coach

The coach helps you find performance problems on your web page using web performance best practice rules. And gives you advice on privacy and best practices. Tested using Coach-core version 8.0.2.

I am the coach

Coach score

Performance advice (98)

TitleAdviceScore
Don't scale images in the browser (avoidScalingImages)The page has 1 image that are scaled more than 100 pixels. It would be better if those images are sent so the browser don't need to scale them.90
Description: It's easy to scale images in the browser and make sure they look good in different devices, however that is bad for performance! Scaling images in the browser takes extra CPU time and will hurt performance on mobile. And the user will download extra kilobytes (sometimes megabytes) of data that could be avoided. Don't do that, make sure you create multiple version of the same image server-side and serve the appropriate one.
Offenders:
  • https://www.pagerduty.com/wp-content/themes/citizens-band/images/logos/opscloud.png
  • Avoid extra requests by setting cache headers (cacheHeaders)The page has 1 request that are missing a cache time. Configure a cache time so the browser doesn't need to download them every time. It will save 541 B the next access.90
    Description: The easiest way to make your page fast is to avoid doing requests to the server. Setting a cache header on your server response will tell the browser that it doesn't need to download the asset again during the configured cache time! Always try to set a cache time if the content doesn't change for every request.
    Offenders:
  • https://www.pagerduty.com/wp-content/themes/citizens-band/favicon/public/manifest.webmanifest
  • Avoid too many fonts (fewFonts)The page has 3 font requests. Do you really need them? What value does the fonts give the user?70
    Description: How many fonts do you need on a page for the user to get the message? Fonts can slow down the rendering of content, try to avoid loading too many of them because worst case it can make the text invisible until they are loaded (FOIT—flash of invisible text), best case they will flicker the text content when they arrive.
    Offenders:
  • https://www.pagerduty.com/fonts/PlainRegular-Regular.woff2
  • https://www.pagerduty.com/fonts/PlainBold-Regular.woff2
  • https://www.pagerduty.com/fonts/PlainThin-Regular.woff2
  • Avoid using incorrect mime types (mimeTypes)The page has 2 misconfigured mime types. 98
    Description: It's not a great idea to let browsers guess content types (content sniffing), in some cases it can actually be a security risk.
    Offenders:
  • https://sessions.bugsnag.com/
  • https://www.pagerduty.com/wp-content/themes/citizens-band/favicon/public/manifest.webmanifest
  • Make each CSS response small (optimalCssSize)https://www.pagerduty.com/wp-content/themes/citizens-band/css/app3.css?ver=4a7f77ad876c6ab54228ca76dffac5a5f4f6f989 size is 20.3 kB (20297) and that is bigger than the limit of 14.5 kB. Try to make the CSS files fit into 14.5 KB.90
    Description: Make CSS responses small to fit into the magic number TCP window size of 14.5 KB. The browser can then download the CSS faster and that will make the page start rendering earlier.
    Offenders:
    URLTransfer sizeContent size
    https://www.pagerduty.com/wp-content/themes/citizens-band/css/app3.css...band/css/app3.css 19.8 KB111.2 KB

    Best practice advice (83)

    TitleAdviceScore
    Meta description (metaDescription)The meta description is too long. It has 185 characters, the recommended max is 15550
    Description: Use a page description to make the page more relevant to search engines.
    Page title (pageTitle)The title is too long by 14 characters. The recommended max is 6050
    Description: Use a title to make the page more relevant to search engines.
    Avoid too many third party requests (thirdParty)The page do 20% requests to third party domains (3 requests and 13.7 kB). First party is 12 requests and 208.2 kB. The regex .*pagerduty.* was used to calculate first/third party requests.50
    Description: Do not load most of your content from third party URLs.
    Avoid unnecessary headers (unnecessaryHeaders)There are 4 responses that sets both a max-age and expires header. There are 13 responses that sets a server header. 83
    Description: Do not send headers that you don't need. We look for p3p, cache-control and max-age, pragma, server and x-frame-options headers. Have a look at Andrew Betts - Headers for Hackers talk as a guide https://www.youtube.com/watch?v=k92ZbrY815c or read https://www.fastly.com/blog/headers-we-dont-want.
    Offenders:
  • https://www.pagerduty.com/04-home-base-tidy-no-ext-scripts.html
  • https://www.pagerduty.com/04-home-base-tidy-no-ext-scripts.html
  • https://www.pagerduty.com/wp-content/themes/citizens-band/js/build/layout-www-de...ww-default.min.js
  • https://www.pagerduty.com/wp-content/themes/citizens-band/css/app3.css...band/css/app3.css
  • https://www.pagerduty.com/wp-content/themes/citizens-band/images/logos/opscloud.png
  • https://www.pagerduty.com/wp-content/themes/citizens-band/js/build/page-www-home...e-www-home.min.js
  • https://www.pagerduty.com/wp-content/themes/citizens-band/js/build/navigation-v3...igation-v3.min.js
  • https://www.pagerduty.com/fonts/PlainRegular-Regular.woff2
  • https://www.pagerduty.com/fonts/PlainRegular-Regular.woff2
  • https://www.pagerduty.com/fonts/PlainBold-Regular.woff2
  • https://www.pagerduty.com/fonts/PlainBold-Regular.woff2
  • https://www.pagerduty.com/fonts/PlainThin-Regular.woff2
  • https://www.pagerduty.com/fonts/PlainThin-Regular.woff2
  • https://d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js
  • https://www.pagerduty.com/wp-content/themes/citizens-band/favicon/public/manifest.webmanifest
  • https://www.pagerduty.com/wp-content/themes/citizens-band/favicon/public/icon.svg
  • https://www.pagerduty.com/wp-content/themes/citizens-band/favicon/public/favicon.ico
  • Privacy advice (87)

    TitleAdviceScore
    Use a good Content-Security-Policy header to make sure you you avoid Cross Site Scripting (XSS) attacks. (contentSecurityPolicyHeader)Set a Content-Security-Policy header to make sure you are not open for Cross Site Scripting (XSS) attacks. You can start with setting a Content-Security-Policy-Report-Only header, that will only report the violation, not stop the download.0
    Description: Content Security Policy is delivered via a HTTP response header, and defines approved sources of content that the browser may load. It can be an effective countermeasure to Cross Site Scripting (XSS) attacks and is also widely supported and usually easily deployed. https://scotthelme.co.uk/content-security-policy-an-introduction/.
    Offenders:
  • https://www.pagerduty.com/04-home-base-tidy-no-ext-scripts.html
  • Set a referrer-policy header to make sure you do not leak user information. (referrerPolicyHeader)Set a referrer-policy header to make sure you do not leak user information.0
    Description: Referrer Policy is a new header that allows a site to control how much information the browser includes with navigations away from a document and should be set by all sites. https://scotthelme.co.uk/a-new-security-header-referrer-policy/.
    Offenders:
  • https://www.pagerduty.com/04-home-base-tidy-no-ext-scripts.html
  • Do not share user data with third parties. (thirdPartyPrivacy)The page has 20% requests that are 3rd party (3 requests with a size of 13.7 kB). The page do 3 utility requests and uses 1 utility tool.80
    Description: Using third party requests shares user information with that third party. Please avoid that! The project https://github.com/patrickhulce/third-party-web is used to categorize first/third party requests.
    Offenders:
  • https://d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js
  • https://sessions.bugsnag.com/
  • https://sessions.bugsnag.com/
  • Page info

    Page info
    TitlePagerDuty | Real-Time Operations | Incident Response | On-Call | PagerDuty
    Width360
    Height8428
    DOM elements1993
    Avg DOM depth10
    Max DOM depth20
    Iframes0
    Script tags10
    Local storage45 B
    Session storage0 b
    Network Information API4g

    Technologies used to build the page.

    Data collected using Wappalyzerversion 6.10.66.  Use --browsertime.firefox.includeResponseBodies htmlor --browsertime.chrome.includeResponseBodies htmlto help Wappalyser find more information about technologies used.

    TechnologyConfidenceCategory
    WordPress 100  CMS Blogs
    MySQL 100  Databases
    PHP 100  Programming languages
    Google Cloud 100  IaaS
    Amazon Web Services 100  PaaS
    WP Engine 100  PaaS Hosting
    Google Cloud CDN 100  CDN
    Cloudflare 100  CDN
    Amazon CloudFront 100  CDN
    HTTP/3 100  Miscellaneous

    Data collected using Third Party Web 0.24.0

    Utility
    Bugsnag
    | Browser metrics | Visual Metrics | Largest Contentful Paint | Cumulative Layout Shift | Long Aninimation Frames | Metrics from CDP | 

    Visual Metrics

    Browser Metrics

    Largest Contentful Paint

    When in time the page main content is rendered (collected using the Largest Contentful Paint API). Read more about Largest Contentful Paint.

    Element typeDIV
    Element/tag<div class="col-start-main-start col-end-main-end relative flex flex-col justify-center items-center"></div>
    Render time 403 ms
    Load time0 ms
    Size (width*height)29380
    DOM path
    main > section:eq(0) > div:eq(0) > div:eq(1)> main > section:eq(0) > div:eq(0) > div:eq(1)>
    LCP

    The largest contentful paint is highlighted in the image. If no element is highlighted the element was removed before the screenshot or the LCP API couldn't find the element.

    Detected Cumulative Layout Shift

    No layout shift detected.

    Long Animation Frames

    Read more about the Long Animation Frames API here here.

    The top 10 longest animation frames entries

    Blocking duration Work durationRender durationPreLayout DurationStyle And Layout Duration
    5 ms46.4 ms9.6 ms8.6 ms1 ms
    https://www.pagerduty.com/04-home-base-tidy-no-ext-scripts.html

    Forced Style And Layout Duration: 35 ms

    Invoker:  https://www.pagerduty.com/04-home-base-tidy-no-ext-scripts.html
    Invoker Type: classic-script
    Window attribution: self

    Blocking duration Work durationRender durationPreLayout DurationStyle And Layout Duration
    0 ms203 ms15 ms0.1 ms14.9 ms
    No availible script information.
    Blocking duration Work durationRender durationPreLayout DurationStyle And Layout Duration
    0 ms49.5 ms0.5 ms0.5 ms0 ms
    No availible script information.

    Server timings

    There are no Server Timings.

    Custom metrics collected through JavaScript

    There are no custom configured scripts.

    Extra metrics collected using scripting

    There are no custom extra metrics from scripting.

    CDP Performance

    namevalue
    AudioHandlers0
    AudioWorkletProcessors0
    Documents6
    Frames2
    JSEventListeners503
    LayoutObjects1034
    MediaKeySessions0
    MediaKeys0
    Nodes5202
    Resources34
    ContextLifecycleStateObservers8
    V8PerContextDatas3
    WorkerGlobalScopes0
    UACSSResources0
    RTCPeerConnections0
    ResourceFetchers6
    AdSubframes0
    DetachedScriptStates2
    ArrayBufferContents2
    LayoutCount10
    RecalcStyleCount12
    LayoutDuration48
    RecalcStyleDuration24
    DevToolsCommandDuration21
    ScriptDuration16
    V8CompileDuration1
    TaskDuration200
    TaskOtherDuration91
    ThreadTime0
    ProcessTime0
    JSHeapUsedSize2232936
    JSHeapTotalSize3559424
    FirstMeaningfulPaint403
    | Summary  | Largest responses  | Requests and sizes per content type  | Data per domain | Expires and last modified statistics  | Requests loaded after onLoad event  | 

    PageXray

    How the page is built.

    Summary
    HTTP versionH3
    Total requests15
    Total domains3
    Total transfer size216.7 KB
    Total content size768.6 KB
    Responses missing compression6
    Number of cookies0
    Third party cookies0
    Requests per response code
    20014
    2021

    Largest assets on the page (by transfer size)

    Requests and sizes per content type

    ContentHeader SizeTransfer SizeContent SizeRequests
    html0 b85.0 KB487.1 KB1
    css0 b19.8 KB111.2 KB1
    javascript644 B30.5 KB87.4 KB4
    image0 b12.0 KB11.6 KB1
    font0 b67.0 KB66.4 KB3
    other0 b541 B304 B2
    svg0 b832 B1.1 KB1
    favicon0 b931 B3.6 KB1
    json0 b133 B21 B1
    Total644 B216.7 KB768.6 KB15

    Data per domain

    DomainTotal download timeTransfer SizeContent SizeRequests
    www.pagerduty.com1.121 s203.3 KB725.4 KB12
    d2wy8f7a9ursnm.cloudfront.net24 ms13.2 KB43.2 KB1
    sessions.bugsnag.com149 ms133 B21 B2

    Expires and last modified statistics

    typeminmedianmax
    Expires0 seconds1 year10 years
    Last modified6 seconds23 weeks2 years

    Requests loaded after onLoad event

    Included requests done after load event end.

    ContentTransfer SizeRequests
    html0 b0
    css0 b0
    javascript0 b0
    image0 b0
    font0 b0
    other541 B2
    svg832 B1
    favicon931 B1
    json133 B1
    Total2.4 KB5

    Requests loaded after onContentLoad

    Includes requests done after DOM content loaded.

    ContentTransfer SizeRequests
    html0 b0
    css0 b0
    javascript0 b0
    image0 b0
    font0 b0
    other541 B2
    svg832 B1
    favicon931 B1
    json133 B1
    Total2.4 KB5
    | Categories | | Tools | | First vs third | 

    Third party

    Third party requests categorised by Third party web version 0.24.0.

    CategoryRequests
    utility 3
    CategoryNumber of tools
    utility 1

    Third party requests and tools

    utility (3 requests)
    Bugsnag

    First party requests and sizes per content type

    Calculated using .*pagerduty.* (use --firstParty to configure).

    ContentHeader SizeTransfer SizeContent SizeRequests
    html0 b85.0 KB487.1 KB1
    css0 b19.8 KB111.2 KB1
    javascript0 b17.3 KB44.2 KB3
    image0 b12.0 KB11.6 KB1
    font0 b67.0 KB66.4 KB3
    other0 b541 B304 B1
    svg0 b832 B1.1 KB1
    favicon0 b931 B3.6 KB1
    TotalN/A203.3 KB725.4 KB12

    Third party requests and sizes per content type

    ContentHeader SizeTransfer SizeContent SizeRequests
    html0 b0 b0 b0
    css0 b0 b0 b0
    javascript644 B13.2 KB43.2 KB1
    image0 b0 b0 b0
    font0 b0 b0 b0
    other0 b0 b0 b1
    json0 b133 B21 B1
    Total642 B13.4 KB43.2 KB3
    afterPageCompleteCheck.png | layoutShift.png | largestContentfulPaint.png | 

    Screenshots

    afterPageCompleteCheck.png

    afterPageCompleteCheck.png

    layoutShift.png

    layoutShift.png

    largestContentfulPaint.png

    largestContentfulPaint.png