Page summary

https://www.sitespeed.io/

Tested 2026-07-30 19:02:08 using Chrome 150.0.7871.186 (runtime settings)

SummaryWaterfallMetricsRenderingCoachPageXrayCPUThird party

This page is fast to paint, snappy to interact with, visually stable, follows best practices and privacy-respecting.

99 / 100
Coach overall
98 / 100
Performance
100 / 100
Best practice
100 / 100
Privacy

How it loaded →

0 → 633 ms · median run
Frame at 0 ms
start
Frame at 400 ms
400 ms
Frame at 500 ms
500 ms
Frame at 600 ms
Largest paint600 ms
Frame at 700 ms
Complete700 ms
500 ms
First Visual Change
561 ms
Speed Index
633 ms
Visual Complete 85%
633 ms
Last Visual Change
TTFB206 msLCP600 msTBT0 msCLS0.00

What to act on · top recommendations

Avoid CPU Long Tasks

60 / 100

The page has 2 CPU long tasks with the total of 153 ms. The total blocking time is 23 ms and 1 long task before first contentful paint with total time of 80 ms. However the CPU Long Task is depending on the computer/phones actual CPU speed, so you should measure this on the same type of the device that your user is using. Use Geckoprofiler for Firefox or Chromes tracelog to debug your long tasks.

Google Web Vitals

min · median · mean · max of 3 runs
MetricMinMedianMeanMaxRuns agree?
Time To First Byte (TTFB)204 ms206 ms313 ms528 msruns disagree ±79%
Largest Contentful Paint (LCP)598 ms600 ms813 ms1.242 sruns disagree ±54%
Cumulative Layout Shift (CLS)0000identical

Visual Metrics

min · median · mean · max of 3 runs
MetricMinMedianMeanMaxRuns agree?
First visual change467 ms500 ms656 ms1.000 sruns disagree ±53%
Last visual change600 ms633 ms822 ms1.233 sruns disagree ±50%
Speed index528 ms561 ms730 ms1.102 sruns disagree ±51%
Visual readiness133 ms133 ms166 ms233 msruns disagree ±38%
Visual complete 85600 ms633 ms822 ms1.233 sruns disagree ±50%
Visual complete 95600 ms633 ms822 ms1.233 sruns disagree ±50%
Visual complete 99600 ms633 ms822 ms1.233 sruns disagree ±50%

CPU

min · median · mean · max of 3 runs
MetricMinMedianMeanMaxRuns agree?
Total Blocking Time0 ms0 ms8 ms23 msruns disagree
Max Potential FID0 ms0 ms24 ms73 msruns disagree
CPU long tasks 1112runs disagree ±50%
CPU last long task happens at428 ms429 ms650 ms1.093 sruns disagree ±78%

More metrics

min · median · mean · max of 3 runs
MetricMinMedianMeanMaxRuns agree?
First paint475 ms480 ms651 ms998 msruns disagree ±54%
Load event end429 ms444 ms680 ms1.167 sruns disagree ±83%

User Timing

min · median · mean · max of 3 runs
MetricMinMedianMeanMaxRuns agree?
userTimingHeader376 ms398 ms585 ms982 msruns disagree ±76%
userTimingFooter413 ms428 ms642 ms1.084 sruns disagree ±78%

Waterfall

Run 2 SpeedIndex median

First paintFCPLCPDOMContentLoadedDOM interactiveLoadRender-blockingRedirectError

Rendering

Run 2 · median
0.000 s
0s0.5s

The red band on the timeline marks when the main thread was busy with long tasks: moments when the page could not paint or respond, however the video looks.

Download video

Filmstrip

5 frames

Use --filmstrip.showAll to show all filmstrips.

Frame at 0 ms
0 ms
0 %
Frame at 400 ms
400 ms
0 %
Frame at 500 ms
500 ms
54 %
Frame at 600 ms
600 ms
54 %
Frame at 700 ms
700 ms
100 %

Click a frame to seek the video to that moment. The dot marks frames where the page changed visually.

Why was rendering delayed?

Rendering was not meaningfully delayed. First paint landed at 480 ms on a 204 ms first byte; the 1 render-blocking request was done by 349 ms and the remaining ~131 ms is style and layout work. The largest paint followed at 598 ms.

Want to see how much CSS style-recalculation work delayed FCP and LCP, plus CPU long tasks? Run with --cpu.

Render blocking requests

2 requests · 6.1 KB

Blocking requests delay both paints: the browser renders nothing until they arrive, so they push First Contentful Paint and everything after it, including the largest paint (LCP). Requests that block the parser inside the body stall everything after them in the document. Load JavaScript with defer or async, and keep non-critical CSS off the critical path with media attributes. Bars show when each request loaded on a clock that runs to the last paint (the dashed line is FCP, the clock ends at LCP); the gap after the bars is style and layout work.

RequestWhen it loadedTransferDownload
document
www.sitespeed.io · TTFB 204 ms
197 ms
6.1 KB196 ms
css · www.sitespeed.io
73 ms
5.9 KB73 ms
user-timing-header.jsblocks parser in body
javascript · www.sitespeed.io
75 ms
224 B75 ms
LCP resource
h68bRaVGAJ-500.avif — downloaded by 412 ms, rendered at 598 ms
130 ms
34.4 KB130 ms
0150 ms299 msFCP 480 msLCP 598 ms

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 9.2.1.

Performance advice

98
1 warning
warn(60)Avoid CPU Long TaskslongTasks

The page has 2 CPU long tasks with the total of 153 ms. The total blocking time is 23 ms and 1 long task before first contentful paint with total time of 80 ms. However the CPU Long Task is depending on the computer/phones actual CPU speed, so you should measure this on the same type of the device that your user is using. Use Geckoprofiler for Firefox or Chromes tracelog to debug your long tasks.

Long CPU tasks locks the thread. To the user this is commonly visible as a "locked up" page where the browser is unable to respond to user input; this is a major source of bad user experience on the web today. However the CPU Long Task is depending on the computer/phones actual CPU speed, so you should measure this on the same type of the device that your user is using. To debug you should use the Chrome timeline log and drag/drop it into devtools or use Firefox Geckoprofiler.

Offenders
  • unknown
  • unknown

Best practice advice

100
1 info
infoAvoid unnecessary headersunnecessaryHeaders

There are 9 responses that sets a server header.

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

Privacy advice

100
2 info
infoSet a NEL header so the browser reports network errors back to you.nelHeader

Set a NEL header (paired with Reporting-Endpoints) to collect connection-level error reports from the field.

The NEL (Network Error Logging) response header tells the browser to record connection-level failures (DNS, TLS, HTTP errors) and ship them to a reporting endpoint. NEL pairs with the Reporting-Endpoints / Report-To header — the page declares the endpoint group and NEL points at it. Together they give you visibility into errors that never reach your origin server. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/NEL

Offenders
infoDeclare reporting endpoints so the browser can deliver Reporting-API events.reportingEndpointsHeader

Set a Reporting-Endpoints header (or the legacy Report-To header) so CSP reports, NEL data and other Reporting-API events have an endpoint to land at.

The Reporting-Endpoints response header (the successor to Report-To) names the URLs that browsers should POST reports to. Without it, CSP report-to directives, Cross-Origin-Opener-Policy reports, NEL data and other Reporting-API events have nowhere to go. The legacy Report-To header is still accepted for older Chromium versions. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Reporting-Endpoints

Offenders

Page info

A snapshot of what the browser actually built for this page: the document, how big and deep the DOM tree is and what it kept in storage. Big, deep trees are slower to style and lay out, so the counts Chrome warns about carry a flag.

Page info

Document

What the page says it is and how large it rendered.

TitleWelcome to the wonderful world of Web PerformanceThe document title, shown in the browser tab and used by search results.
Layout viewport1350 × 4790 pxThe width the page laid out at, and the full height of the rendered document.

DOM structure

How much markup the browser has to build, style and lay out.

DOM elements445Total HTML elements. Fewer means less for the browser to style, lay out and paint.
Avg DOM depth8How deeply elements are nested on average.
Max DOM depth13The deepest nesting on the page. Deep branches cost more style recalculation.
Iframes0No embedded documents on this page.
Script tags3Number of script elements. More scripts usually means more main-thread work.

Storage and connection

What the page stored on the client, and the network it was tested on.

Local storage0 bData the page saved in localStorage, kept across visits.
Session storage0 bData kept in sessionStorage for this tab session only.
Connection type3GWhat the Network Information API reported for the test connection.

Technologies used to build the page

Data collected using Coach-core version 9.2.1. With updated code from Webappanalyzer 2026-05-04. Use --browsertime.firefox.includeResponseBodies html or --browsertime.chrome.includeResponseBodies html to help Wappalyzer find more information about technologies used.

Detected technologies

2 technologies

Data from run 2

Visual Metrics

Visual milestones

all times from navigation start
Speed Index0.56 show quickly the page looked done
First Visual Change0.50 sfirst paint reaches the screen
Last Visual Change0.63 sscreen stops changing · 0.13 s after first
nothing painted yet
First Visual Change0.50 s
Visual Complete 85% · Visual Complete 95% · Visual Complete 99% · Last Visual Change0.63 s
Visual Readiness0.13 s· first to last change
00.2 s0.4 s0.6 s
Content milestones
Perception index
Visual progress
Visual progress at 0 s0.0s
Visual progress at 0.4 s0.4s
Visual progress at 0.5 s0.5s
Visual progress at 0.6 s0.6s
Visual progress at 0.7 s0.7s
FCP0.48s
LCP0.60s
VC850.63s
Long tasks
0.0s0.1s0.3s0.4s0.6s0.7s

Google Web Vitals

from run 2

Largest Contentful Paint

When the page main content is rendered, collected via the Largest Contentful Paint API. Read more about Largest Contentful Paint.

598 msLCP render time

Phase breakdown

  • TTFB204 ms
  • Resource load delay54 ms
  • Resource load duration162 ms
  • Element render delay178 ms

Element

Element type
<img>
Size (w × h)
216500
URL
https://www.sitespee...8bRaVGAJ-500.avif
Load time
429 ms

DOM path

body > main > div:eq(0) > div > div:eq(0) > picture > img
LCP

The LCP element is highlighted in the screenshot. If nothing is highlighted the element was removed before the screenshot or the LCP API couldn't find it.

The Largest Contentful Paint API matched this image:

LCP element

Cumulative Layout Shift

How much the page's content shifts as it loads, collected via the Cumulative Layout Shift API.

0.000cumulative layout shift score

No layout shifts were detected on this page.

Browser Metrics

Navigation Timing
Extra timings
User Timing marks
userTimingHeader398 ms
userTimingFooter413 ms
User Timing measures
exampleMeasurement398 msduration 16 ms
Element timings2
header-logo
header-logoIMG
Render time598 ms
Load time393 ms
Natural size200 × 62
logo
logoIMG
Render time598 ms
Load time429 ms
Natural size500 × 433

Custom metrics collected through JavaScript

There are no custom configured scripts.

Extra metrics collected using scripting

There are no custom extra metrics from scripting.

PageXray

How the page is built.

HTTP versionHTTP/2.0
Total requests9
Total domains1
Transfer size59.6 KB
Content size102.9 KB
Missing compression0

Main document

status 200 · 0 redirects

https://www.sitespeed.io/

HeaderValue
accept-rangesbytes
age10037
cache-controlpublic,max-age=0,must-revalidate,no-transform
cache-status"Netlify Edge"; hit
content-encodingbr
content-length5610
content-security-policydefault-src 'self'; script-src 'self' 'wasm-unsafe-eval'; style-src 'self'; img-src 'self' data:; object-src 'none'; base-uri 'self'; frame-ancestors 'self'
content-typetext/html; charset=UTF-8
cross-origin-embedder-policyrequire-corp
cross-origin-opener-policysame-origin
cross-origin-resource-policysame-origin
dateThu, 30 Jul 2026 19:02:36 GMT
etag"651b72cff08aef13e551bbd7a84a7d36-ssl-df"
permissions-policyinterest-cohort=()
referrer-policyno-referrer
serverNetlify
strict-transport-securitymax-age=31536000; includeSubDomains
varyAccept-Encoding
x-content-type-optionsnosniff
x-nf-request-id01KYT6GDGCYGSFAZTC1HT5SSDD
x-xss-protection1; mode=block

Response codes

200
9100.0%

Largest assets on the page (by transfer size)

9 assets

Requests and sizes per content type

5 types

Transfer size59.6 KB

  • image73.0%
  • html10.2%
  • css9.8%
  • favicon4.9%
  • javascript2.1%

Content size102.9 KB

  • image42.0%
  • css25.9%
  • html24.0%
  • favicon6.2%
  • javascript1.9%

Requests9

  • javascript33.3%
  • image33.3%
  • html11.1%
  • css11.1%
  • favicon11.1%
ContentHeader SizeTransfer SizeContent SizeRequests
html0 b6.1 KB24.7 KB1
css0 b5.8 KB26.7 KB1
javascript0 b1.2 KB1.9 KB3
image0 b43.6 KB43.2 KB3
favicon0 b2.9 KB6.4 KB1
Total0 b59.6 KB102.9 KB9

Data per domain

1 domain
DomainTotal download timeTransfer SizeContent SizeRequests
www.sitespeed.io3.060 s59.6 KB102.9 KB9

Expires & last-modified statistics

typeminmedianmax
Expires0 seconds1 year1 year

Requests loaded after onLoad event

1 request

Includes requests done after load event end.

ContentTransfer SizeRequests
html0 b0
css0 b0
javascript0 b0
image0 b0
font0 b0
favicon2.9 KB1
Total2.9 KB1

Requests loaded after onContentLoad

1 request

Includes requests done after DOM content loaded.

ContentTransfer SizeRequests
html0 b0
css0 b0
javascript0 b0
image0 b0
font0 b0
favicon2.9 KB1
Total2.9 KB1

CPU

Get deeper CPU insight with one extra run
Run with --enableProfileRun to see where main-thread time went, blocking time and CPU cost per script, module and function, forced reflows and frame stability. The data is collected in one extra run, so the timing metrics of your measured runs stay untouched.

Long tasks

Tasks ≥ 50 ms blocking the main thread, collected via the Long Task API.

TBT0 ms
Max potential input delay0 ms
Total long tasks1
Total time56 ms
Last task at429 ms
Before first paint56 ms1 task
Before FCP56 ms1 task
Before LCP56 ms1 task
After load56 ms1 task

Long Animation Frames

A long animation frame (LOAF) is a frame that took ≥ 50 ms from input to the next paint. The part beyond the threshold is blocking time, the number that hurts Interaction to Next Paint and Total Blocking Time. Break long tasks up (scheduler.yield(), smaller chunks) or move the work off the main thread. Read more about the Long Animation Frames API.

Long animation frames2every frame ≥ 50 ms
Blocking time10.6 msacross all long frames — what hurts INP and TBT
Blocking before LCP10.6 msdelaying the largest paint — fix these first
Long animation frame #1 · 96.9 msat 393 ms · before LCP
blocking 10.6 ms
  • Scripts & other work92.6 ms
  • Animation callbacks4.2 ms
  • Style & layout0.03 ms
  • Render0 ms

The browser did not report which script was responsible for this frame — typically its own style/layout work, or a cross-origin script it will not name.

1 more long frame carried no blocking time (nothing ran past the 50 ms threshold) — long, but harmless to INP and TBT.

Third party

Third party requests categorised by Third party web version 0.29.2.

No third-party requests detected

Every request on this page resolved to a first-party domain. There are no entries in Third party web to attribute, no third-party tools to enumerate, and no third-party cookies set. If you expected to see entries here you can fine-tune the first-party domain list with --firstParty.

First party requests and sizes per content type

9 requests

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

ContentHeader SizeTransfer SizeContent SizeRequests
html0 b6.1 KB24.7 KB1
css0 b5.8 KB26.7 KB1
javascript0 b1.2 KB1.9 KB3
image0 b43.6 KB43.2 KB3
font0 b0 b0 b0
favicon0 b2.9 KB6.4 KB1
TotalN/A59.6 KB102.9 KB9