Libraries / L03 · Library · Quality & testing
Page-weight and scroll-performance budgets as a CI check and GitHub Action
Loading the demo.
pnpm add @quartifex/heftNot on npm yet: the first release is pending. The quickstart, API table, browser support and limitations are in the README.
Budget set. Run heft on the heavy test page to measure it.
Not run yet.
Transfer on load
–
budget 1.46 MB
Long frames
–
budget 3
Layout shift
–
budget 0.100
Interaction
–
budget 200 ms
# CI: weigh the build, then load, scroll and click the page
npx heft --budget budget.json --dir out --url http://localhost:3000/launch
# GitHub Actions
- uses: quartifex/quartifex/packages/heft@main
with: { budget: budget.json, dir: out, url: http://localhost:3000/launch }In CI, heft drives the page with Playwright, so its clicks count as real interactions. Here the scroll is scripted inside the frame, and interaction latency needs your own click.