Skip to content

Commit 348df2a

Browse files
pirilkavlakclaude
andcommitted
docs: apply review feedback to Playwright web vitals page
- Intro says "Web Vitals", not "Core Web Vitals" (Core is only LCP/CLS/INP). - Reword the browser-support callout: collection is on by default on all browsers; TBT and INP are Chromium-only and dashed elsewhere. Removes the contradiction with the INP callout's WebKit/Firefox note. - Drop "and transfer size" from the LCP resource line — only the resource URL and load time are captured. - Switch that callout from type="warning" to type="info". Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
1 parent 5c4139a commit 348df2a

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

detect/synthetic-monitoring/playwright-checks/performance-metrics.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ tags: ['synthetic-monitoring', 'playwright-checks']
66
canonical: 'https://www.checklyhq.com/docs/detect/synthetic-monitoring/playwright-checks/performance-metrics/'
77
---
88

9-
Checkly automatically collects Core Web Vitals for the pages your Playwright Check Suites visit. Every page is measured and scored, and the results appear in the check result. No changes to your tests are needed.
9+
Checkly automatically collects Web Vitals for the pages your Playwright Check Suites visit. Every page is measured and scored, and the results appear in the check result. No changes to your tests are needed.
1010

11-
<Callout type="warning" emoji="⚠️">
12-
Web Vitals are collected on **Chromium** projects when your Playwright Check Suites run on Checkly. Collection is on by default.
11+
<Callout type="info" emoji="💡">
12+
Collection is on by default on all browsers. TBT and INP are available on **Chromium** and shown as a dash where unsupported.
1313
</Callout>
1414

1515
<Callout type="info" emoji="🧪">
@@ -80,7 +80,7 @@ A metric can show a dash instead of a score. That is not an error. Some metrics
8080
Expand a page visit to see what produced its Largest Contentful Paint and where the time went:
8181

8282
- The **element** that painted, shown as a CSS selector you can paste into your browser devtools.
83-
- The LCP **resource**, matched to the request in the trace's network log so you can see its load time and transfer size.
83+
- The LCP **resource**, matched to the request in the trace's network log so you can see its load time.
8484
- A **phase breakdown** of the LCP time: time to first byte, then resource load delay, resource load time, and element render delay. For a text element the two resource phases are zero.
8585

8686
This turns "LCP was 3.2 s" into "the hero image took 3.2 s, and most of that was the resource loading".

0 commit comments

Comments
 (0)