Skip to main content

Performance Budgets

A web performance budget helps you avoid gradual performance regressions. It allows you to set a maximum threshold for site performance metrics.

If you set up a performance budget in DebugBear you'll get an alert when a page starts going over budget. You can also set up performance budgeting for your CI builds.

Performance budget in the Lighthouse report

How to set up a performance budget

When creating or editing a monitored page click Show Advanced and the expand the Performance Budgets section.

Configuring web performance budgets on DebugBear

Then either select an existing budget or click on Create Performance Budget.

List of budgets

You can then add metric thresholds to your budget. There are two types of threshold:

  • absolute thresholds – budget failed if metric goes above or below a certain value
  • relative thresholds – metric changes based on a percentage increase to the previous test result

Budgets can apply to all tests or only to scheduled tests or API builds. For example, if your preview deployments are blocked from indexing their SEO score will be lower, and you might want to set a different SEO budget for them. A custom environment test is a test that uses a different URL from the main monitored page.

Editing performance budget metrics

Impact on CI builds

After setting up a budget API/CI builds will fail if a budget threshold is exceeded. If you've set up the GitHub integration the build will also fail on GitHub.

Failing and passing API builds