Playwright Perf Test

Use Node scripts to measure real browser navigation metrics.

browser

Detailed Description

Playwright lets Node drive a real browser and read actual navigation and resource timing data. This connects backend behavior to browser-visible performance.

Use it for CI checks on TTFB, page load, number of resources, transferred bytes, and critical user flows. It is more realistic than testing APIs alone.

Mental Model

launch browser
-> goto page
-> read navigation/resource timings

When To Use

->Assert browser performance in CI
->Measure TTFB/page load with real Chrome
->Catch frontend regressions from backend changes

Tools: Playwright, navigation timing, LCP/CLS checks

perf.spec.js

Live Editor

Output

Run code to see output...