7.6Bundle Size Budgets

Lighthouse CI covers runtime performance. For build-time budgets, add bundle size checks:

// bundlesize.config.json
{
  "files": [
    {
      "path": "dist/js/main.*.js",
      "maxSize": "150 kB",
      "compression": "gzip"
    },
    {
      "path": "dist/js/vendor.*.js",
      "maxSize": "200 kB",
      "compression": "gzip"
    },
    {
      "path": "dist/css/main.*.css",
      "maxSize": "30 kB",
      "compression": "gzip"
    },
    {
      "path": "dist/js/chunk-*.js",
      "maxSize": "50 kB",
      "compression": "gzip"
    }
  ]
}

Run alongside Lighthouse CI:

npx bundlesize --config bundlesize.config.json