Generator

Performance Budget Generator

Define resource size and timing budgets. Output is compatible with Lighthouse CI's budgets.json.

Lighthouse CI budgets.json
{
  "budget": [
    {
      "resourceType": "script",
      "budget": 200
    },
    {
      "resourceType": "stylesheet",
      "budget": 50
    },
    {
      "resourceType": "image",
      "budget": 500
    },
    {
      "resourceType": "font",
      "budget": 100
    },
    {
      "resourceType": "total",
      "budget": 950
    }
  ],
  "timing": [
    {
      "metric": "first-contentful-paint",
      "budget": 1800
    },
    {
      "metric": "largest-contentful-paint",
      "budget": 2500
    }
  ]
}