Page summary

https://cms.streamplay.ai

Tested 2026-08-06 13:36:28 using Chrome 150.0.7871.186 (runtime settings)

SummaryWaterfallMetricsRenderingCoachPageXrayCPUThird party

This page is fast to paint, snappy to interact with, visually stable and follows best practices, but weak on user privacy.

87 / 100
Coach overall
88 / 100
Performance
100 / 100
Best practice
80 / 100
Privacy

How it loaded →

0 → 668 ms · median run
Frame at 0 ms
start
Frame at 300 ms
300 ms
Frame at 400 ms
400 ms
Frame at 500 ms
500 ms
Frame at 600 ms
600 ms
Frame at 700 ms
Complete700 ms
334 ms
First Visual Change
369 ms
Speed Index
334 ms
Visual Complete 85%
668 ms
Last Visual Change
TTFB40 msLCP668 msTBT65 msCLS0.00

What to act on · top recommendations

Avoid CPU Long Tasks

0 / 100

The page has 6 CPU long tasks with the total of 591 ms. The total blocking time is 65 ms and 3 long tasks before first contentful paint with total time of 376 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.

Total JavaScript size shouldn't be too big

0 / 100

The total JavaScript transfer size is 253.1 kB and the uncompressed size is 837.9 kB. This is quite large.

Apply the right priority hints to the LCP image

10 / 100

The LCP image has loading="lazy", which delays its download until the browser thinks it is near the viewport — and so directly delays the LCP metric. Remove loading="lazy" from the LCP image. The LCP image is missing fetchpriority="high". Adding it tells the browser to fetch the image with high priority instead of the default heuristic (which often deprioritises hero images that are loaded after the HTML has been parsed).

Google Web Vitals

min · median · mean · max of 1 run
MetricMinMedianMeanMax
Time To First Byte (TTFB)40 ms40 ms40 ms40 ms
Largest Contentful Paint (LCP)668 ms668 ms668 ms668 ms
Cumulative Layout Shift (CLS)0000

Visual Metrics

min · median · mean · max of 1 run
MetricMinMedianMeanMax
First visual change334 ms334 ms334 ms334 ms
Last visual change668 ms668 ms668 ms668 ms
Speed index369 ms369 ms369 ms369 ms
Visual readiness334 ms334 ms334 ms334 ms
Visual complete 85334 ms334 ms334 ms334 ms
Visual complete 95601 ms601 ms601 ms601 ms
Visual complete 99634 ms634 ms634 ms634 ms

CPU

min · median · mean · max of 1 run
MetricMinMedianMeanMax
Total Blocking Time65 ms65 ms65 ms65 ms
Max Potential FID91 ms91 ms91 ms91 ms
CPU long tasks 6666
CPU last long task happens at1.032 s1.032 s1.032 s1.032 s

More metrics

min · median · mean · max of 1 run
MetricMinMedianMeanMax
First paint592 ms592 ms592 ms592 ms
Load event end768 ms768 ms768 ms768 ms

Waterfall

Run 1 SpeedIndex median

First paintFCPLCPDOMContentLoadedDOM interactiveLoadRender-blockingRedirectError

Rendering

Run 1 · 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

6 frames

Use --filmstrip.showAll to show all filmstrips.

Frame at 0 ms
0 ms
0 %
Frame at 300 ms
300 ms
0 %
Frame at 400 ms
400 ms
87 %
Frame at 500 ms
500 ms
87 %
Frame at 600 ms
600 ms
87 %
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 592 ms on a 40 ms first byte; the 2 render-blocking requests were done by 134 ms and the remaining ~458 ms is style and layout work.

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

Render blocking requests

15 requests · 271.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
cms.streamplay.ai · TTFB 40 ms
32 ms
5.0 KB31 ms
css · cms.streamplay.ai
54 ms
22.0 KB54 ms
css · cms.streamplay.ai
30 ms
2.9 KB30 ms
155bi7ep2xvb5.jspotentially blocking
javascript · cms.streamplay.ai
102 ms
71.2 KB102 ms
0_y091_uv9n6r.jspotentially blocking
javascript · cms.streamplay.ai
97 ms
23.3 KB97 ms
0gwjhb~p~0typ.jspotentially blocking
javascript · cms.streamplay.ai
93 ms
9.1 KB93 ms
0uqgm3y7qfyr6.jspotentially blocking
javascript · cms.streamplay.ai
88 ms
37.0 KB88 ms
10iw-qettv3df.jspotentially blocking
javascript · cms.streamplay.ai
85 ms
15.5 KB85 ms
13hun948hb15q.jspotentially blocking
javascript · cms.streamplay.ai
79 ms
15.7 KB79 ms
7 more requests
all done by 160 ms
74.3 KB
LCP resource
image — downloaded by 457 ms, rendered at 668 ms
66 ms
4.1 KB66 ms
0167 ms334 msFCP 592 msFCP · LCP 668 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

88
1 error5 warnings1 info
warn(0)Avoid CPU Long TaskslongTasks

The page has 6 CPU long tasks with the total of 591 ms. The total blocking time is 65 ms and 3 long tasks before first contentful paint with total time of 376 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
  • self
  • self
  • self
  • self
warn(0)Total JavaScript size shouldn't be too bigjavascriptSize
warn(10)Apply the right priority hints to the LCP imagelcpImageHints

The LCP image has loading="lazy", which delays its download until the browser thinks it is near the viewport — and so directly delays the LCP metric. Remove loading="lazy" from the LCP image. The LCP image is missing fetchpriority="high". Adding it tells the browser to fetch the image with high priority instead of the default heuristic (which often deprioritises hero images that are loaded after the HTML has been parsed).

When the Largest Contentful Paint element is an image, the browser priority hints applied to that element directly affect the LCP metric. The image must NOT be loading="lazy" (that defers the fetch until near-viewport, which is the opposite of what an LCP image needs) and SHOULD be fetchpriority="high" (so the browser fetches it with high priority instead of guessing). https://web.dev/articles/fetch-priority

Offenders
  • <img alt="Logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fstreamplay-logo.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fstreamplay-logo.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fstreamplay-logo.png&amp;w=256&amp;q=75">
  • <img alt="Logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fstreamplay-logo.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fstreamplay-logo.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fstreamplay-logo.png&amp;w=256&amp;q=75">
warn(80)Avoid extra requests by setting cache headerscacheHeaders

The page has 2 requests that are missing a cache time. Configure a cache time so the browser doesn't need to download them every time. It will save 4.8 kB the next access.

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
warn(80)Don't use private headers on static contentprivateAssets

The page has 2 requests with private headers. Make sure that the assets really should be private and only used by one user. Otherwise, make it cacheable for everyone.

If you set private headers on content, that means that the content are specific for that user. Static content should be able to be cached and used by everyone. Avoid setting the cache header to private.

Offenders
error(90)Avoid missing and error requestsresponseOk

The page has 1 error response. The page has 1 response with code 404.

Your page should never request assets that return a 400 or 500 error. These requests are never cached. If that happens something is broken. Please fix it.

Offenders
infoLong cache headers is goodcacheHeadersLong

The page has 1 request that have a shorter cache time than one year (but still a cache time).

Setting a cache header is good. Setting a long cache header (a year) is even better because the asset will stay in the browser cache across visits. For content-hashed URLs (e.g. app.4af2.css) you can safely use Cache-Control: max-age=31536000, immutable. For unversioned URLs that may change, use a revalidating strategy instead.

Offenders

Best practice advice

100
1 info
infoAvoid unnecessary headersunnecessaryHeaders

There are 1 response that sets a pragma no-cache header (that is a request header). There are 20 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

80
1 error3 warnings4 info
warn(0)Declare a referrer policy on the documentreferrerPolicy

No <meta name="referrer"> tag was found on the page. Set a Referrer-Policy response header (preferred) or add a meta tag, for example <meta name="referrer" content="strict-origin-when-cross-origin">.

Without an explicit referrer policy the browser falls back to the user-agent default and may leak the full URL of the previous page (including query strings) to every cross-origin request. Set a Referrer-Policy response header (preferred) or a <meta name="referrer"> tag in the document. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy

warn(0)Use a strict Content-Security-Policy header to mitigate cross-site scripting (XSS) attacks.contentSecurityPolicyHeader

Set a Content-Security-Policy header to mitigate cross-site scripting attacks. You can start with a Content-Security-Policy-Report-Only header, which only reports violations rather than blocking them.

A Content-Security-Policy response header tells the browser which sources of script, style, and other content are allowed. The most effective form is a strict CSP using nonces or hashes together with strict-dynamic; the worst is a missing header, with unsafe-inline and unsafe-eval close behind. https://web.dev/articles/strict-csp

Offenders
infoSet a Cross-Origin-Embedder-Policy header so cross-origin subresources opt in to being embedded.crossOriginEmbedderPolicyHeader

Set a Cross-Origin-Embedder-Policy header (typically require-corp or credentialless) on the document response to control cross-origin embedding.

Cross-Origin-Embedder-Policy (COEP) makes the page refuse to load cross-origin subresources unless they explicitly opt in via CORP or CORS. Together with Cross-Origin-Opener-Policy it puts the page in a cross-origin isolated context, which mitigates cross-window side-channel attacks (Spectre) and unlocks high-resolution timers and SharedArrayBuffer. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Embedder-Policy

Offenders
warn(0)Set a Cross-Origin-Opener-Policy header to isolate the page from cross-origin windows.crossOriginOpenerPolicyHeader

Set a Cross-Origin-Opener-Policy header (typically same-origin) on the document response to isolate the page from cross-origin windows.

Cross-Origin-Opener-Policy (COOP) lets a page sever its window-group ties to cross-origin documents that opened it or that it opens. Together with Cross-Origin-Embedder-Policy it puts the page in a cross-origin isolated context, which mitigates cross-window side-channel attacks (Spectre) and unlocks high-resolution timers and SharedArrayBuffer. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Opener-Policy

Offenders
infoSet a Cross-Origin-Resource-Policy header to limit who may embed the page.crossOriginResourcePolicyHeader

Set a Cross-Origin-Resource-Policy header (same-origin, same-site or cross-origin) on the document response to limit who may embed it.

Cross-Origin-Resource-Policy (CORP) is a per-response opt-in that tells the browser which origins are allowed to embed the resource. It blocks cross-origin or cross-site no-cors embedding (img, script, iframe, etc.) and is one of the building blocks of cross-origin isolation. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Resource-Policy

Offenders
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
error(0)Set a strict transport header to make sure the user always use HTTPS.strictTransportSecurityHeader

Set a strict transport header to make sure the user always use HTTPS.

The HTTP Strict-Transport-Security response header (often abbreviated as HSTS) lets a web site tell browsers that it should only be accessed using HTTPS, instead of using HTTP. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Strict-Transport-Security.

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.

TitleStreamPlay CMS - Content Management SystemThe document title, shown in the browser tab and used by search results.
Layout viewport1365 × 620 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 elements68Total HTML elements. Fewer means less for the browser to style, lay out and paint.
Avg DOM depth4How deeply elements are nested on average.
Max DOM depth8The deepest nesting on the page. Deep branches cost more style recalculation.
Iframes0No embedded documents on this page.
Script tags26Number 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 storage90 BData the page saved in localStorage, kept across visits.
Session storage0 bData kept in sessionStorage for this tab session only.
Connection type4GWhat 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

5 technologies
  • UbuntuConfidence100
    Operating systems
  • ReactConfidence100
    JavaScript frameworks
  • Nginx1.24.0Confidence100
    Web serversReverse proxies
  • Next.jsConfidence100
    JavaScript frameworksWeb frameworksWeb serversStatic site generator
  • WebpackConfidence100
    Miscellaneous

Data from run 1

Visual Metrics

Visual milestones

all times from navigation start
Speed Index0.37 show quickly the page looked done
First Visual Change0.33 sfirst paint reaches the screen
Last Visual Change0.67 sscreen stops changing · 0.33 s after first
nothing painted yet
≥85%
First Visual Change · Visual Complete 85%0.33 s
Visual Complete 95%0.60 s
Visual Complete 99%0.63 s
Last Visual Change0.67 s
Visual Readiness0.33 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.3 s0.3s
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.59s
LCP0.67s
VC850.33s
Long tasks
0.0s0.1s0.3s0.4s0.6s0.7s

Google Web Vitals

from run 1

Largest Contentful Paint

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

668 msLCP render time

Phase breakdown

  • TTFB40 ms
  • Resource load delay354 ms
  • Resource load duration70 ms
  • Element render delay204 ms

Element

Element type
<img>
Size (w × h)
14400
URL
https://cms.streampl...ay.ai/_next/image
Load time
479 ms

DOM path

body > div:eq(1) > div > div:eq(0) > 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

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 requests20
Total domains1
Transfer size285.9 KB
Content size1.0 MB
Missing compression0
Cookies10 third-party

Main document

status 200 · 0 redirects

https://cms.streamplay.ai/

HeaderValue
cache-controls-maxage=31536000
content-encodinggzip
content-typetext/html; charset=utf-8
dateThu, 06 Aug 2026 13:36:29 GMT
etag"24ez52j0y3jon"
permissions-policycamera=(), microphone=(), geolocation=()
referrer-policystrict-origin-when-cross-origin
servernginx/1.24.0 (Ubuntu)
varyrsc, next-router-state-tree, next-router-prefetch, next-router-segment-prefetch, Accept-Encoding
x-content-type-optionsnosniff
x-frame-optionsDENY
x-nextjs-cacheHIT
x-nextjs-prerender1 1
x-nextjs-stale-time300
x-powered-byNext.js
x-xss-protection1; mode=block

Response codes

200
1995.0%
404
15.0%

Requests and sizes per content type

5 types

Transfer size281.8 KB

  • javascript87.7%
  • css8.8%
  • html1.8%
  • image1.4%
  • json0.20%

Content size1009.7 KB

  • javascript81.0%
  • css16.1%
  • html2.5%
  • image0.36%
  • json0.00%

Requests19

  • javascript73.7%
  • css10.5%
  • html5.3%
  • image5.3%
  • json5.3%
ContentHeader SizeTransfer SizeContent SizeRequests
html0 b5.0 KB24.9 KB1
css0 b24.9 KB162.9 KB2
javascript0 b247.2 KB818.3 KB14
image0 b4.1 KB3.6 KB1
json0 b584 B2 B1
Total0 b281.8 KB1009.7 KB19

Data per domain

1 domain
DomainTotal download timeTransfer SizeContent SizeRequests
cms.streamplay.ai1.245 s285.9 KB1.0 MB20

Expires & last-modified statistics

typeminmedianmax
Expires0 seconds1 year1 year
Last modified1 week1 week1 week

Requests loaded after onLoad event

2 requests

Includes requests done after load event end.

ContentTransfer SizeRequests
html0 b0
css0 b0
javascript0 b0
image0 b0
font0 b0
favicon0 b0
json584 B1
Total4.7 KB2

Requests loaded after onContentLoad

3 requests

Includes requests done after DOM content loaded.

ContentTransfer SizeRequests
html0 b0
css0 b0
javascript0 b0
image4.1 KB1
font0 b0
favicon0 b0
json584 B1
Total8.7 KB3

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.

TBT65 ms
Max potential input delay91 ms
Total long tasks6
Total time591 ms
Last task at1.032 s
Before first paint376 ms3 tasks
Before FCP376 ms3 tasks
Before LCP376 ms3 tasks
After load215 ms3 tasks

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 frames7every frame ≥ 50 ms
Blocking time343.2 msacross all long frames — what hurts INP and TBT
Blocking before LCP276 msdelaying the largest paint — fix these first
Blocking after load67.2 msafter the load event — didn't delay page load

What to fix first

ScriptFramesTime runningBlocking (share by run time)Forced style & layoutTriggered by
TimerHandler:setTimeout1238.8 ms188.8 mstimer or animation callback
155bi7ep2xvb5.js3216.5 ms66.9 msevent handler

A frame's blocking time is split between its scripts by their share of the frame's work, capped at each script's own run time — blocking from work no script owns (HTML parsing, browser internals) stays unattributed. The per-script blocking view below uses the same attribution.

Long animation frame #1 · 239.2 msat 495.8 ms · before LCP
blocking 189 ms
  • Scripts & other work239 ms
  • Animation callbacks0.1 ms
  • Style & layout0.1 ms
  • Render0 ms
1 script ran during this frame
TimerHandler:setTimeout
Ran for
238.8 ms
Started by
TimerHandler:setTimeout
How it started
timer or animation callback
Long animation frame #2 · 202.5 msat 77.6 ms · before LCP
blocking 76.1 ms
  • Scripts & other work130.9 ms
  • Animation callbacks0.1 ms
  • Style & layout71.5 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.

Long animation frame #3 · 91.9 msat 1.032 s · after load
blocking 41.5 ms
  • Scripts & other work91.5 ms
  • Animation callbacks0 ms
  • Style & layout0.4 ms
  • Render0 ms
1 script ran during this frame
Ran for
90.9 ms
Started by
MessagePort.onmessage
How it started
event handler
Source function
O
Position in source
character 7483 into the file (locate it via DevTools → Performance → the Long Animation Frames track)
Long animation frame #4 · 68 msat 930.7 ms · after load
blocking 18 ms
  • Scripts & other work68 ms
  • Animation callbacks0 ms
  • Style & layout0 ms
  • Render0 ms
1 script ran during this frame
Ran for
67.9 ms
Started by
MessagePort.onmessage
How it started
event handler
Source function
O
Position in source
character 7483 into the file (locate it via DevTools → Performance → the Long Animation Frames track)
Long animation frame #5 · 99.8 msat 281.7 ms · before LCP
blocking 10.9 ms
  • Scripts & other work46.9 ms
  • Animation callbacks52.9 ms
  • Style & layout0 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.

Long animation frame #6 · 57.7 msat 863.6 ms · after load
blocking 7.7 ms
  • Scripts & other work57.7 ms
  • Animation callbacks0 ms
  • Style & layout0 ms
  • Render0 ms
1 script ran during this frame
Ran for
57.7 ms
Started by
MessagePort.onmessage
How it started
event handler
Source function
O
Position in source
character 7483 into the file (locate it via DevTools → Performance → the Long Animation Frames track)

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

Blocking time per script (browser-reported)

How much each script blocked the main thread, derived from the Long Animation Frame API. Each frame's blocking time is split between its scripts by their share of the frame's work, capped at each script's own run time — blocking from work no script owns (HTML parsing, browser internals) is not attributed (older data credits the script that started the frame). The closest answer to "which script should I fix to improve TBT" the platform exposes.

Top scripts blocking the main thread

1 of 1 script

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

20 requests

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

ContentHeader SizeTransfer SizeContent SizeRequests
html0 b5.0 KB24.9 KB1
css0 b24.9 KB162.9 KB2
javascript0 b247.2 KB818.3 KB14
image0 b4.1 KB3.6 KB1
font0 b0 b0 b0
favicon0 b0 b0 b0
json0 b584 B2 B1
TotalN/A285.9 KB1.0 MB20