DEVOPS

Fail the gate when a preview exceeds its performance budget

On each Vercel preview deploy, measures load time and key web-vitals on critical pages in a real browser and blocks the PR's gate status when any page breaches the configured…

CategoryDevOps
Enginesim
Difficultyadvanced
Triggerwebhook
Steps5
Setup~25 min

How it runs

The automated pipeline, trigger to output.

  • TriggerVercel deployment succeeded webhookVercelVercel
  • ActionMeasure load timing and web-vitals on critical pagesBrowserbase
  • LogicCompare metrics to performance budget thresholds
  • ActionSet qa/perf GitHub commit statusGitHubGitHub
  • OutputReport breaches and deltas to SlackSlack

What it does

This workflow enforces a performance budget per preview. After a preview deploys it loads each critical page in a real browser, captures timing and web-vitals (LCP, total blocking time, page weight), and compares them to thresholds. Breaches flip the PR gate to failing.

When to use it

Use it when performance regressions sneak in unnoticed and you want a hard budget enforced before merge rather than discovered after launch.

How it works

  1. 1Vercel's deployment-succeeded webhook supplies the preview URL and commit.
  2. 2Browserbase loads each configured critical page and collects load timing and web-vitals metrics.
  3. 3A logic step compares each metric to its budget threshold and flags breaches.
  4. 4If all pages are within budget, a green `qa/perf` commit status is set.
  5. 5If any page breaches, the `qa/perf` status is set failing.
  6. 6A Slack message reports the breached page, the offending metric, and its delta over budget.

Set it up

What you configure once, before turning it on.

  1. 1
    Connect VercelDeploys, runtime logs, analytics.
  2. 2
    Connect BrowserbaseHeadless browsers, sessions, replays.
  3. 3
    Connect GitHubRepos, issues, pull requests, actions.
  4. 4
    Connect SlackChannels, DMs, threads, mentions.
  5. 5
    Set each agent's modelWe leave models unset so you pick the tier — fast + cheap, or top-quality.
  6. 6
    Tune it to your dataEdit the prompts, filters, and field mappings so it matches how your team works.
  7. 7
    Test, then turn it onRun once against a sample, confirm the output, then enable the trigger.

Run this workflow in your colony.

14-day trial. No DevOps. No Sales call. Provisioned in under a minute.