Lighthouse性能预算怎么配置才生效？

上官雯雯提问于 2026-03-10 12:15:18 阅读 62

工具

我在项目里配了Lighthouse的性能预算，但跑完报告发现根本没触发限制，是我写错格式了吗？

我是在budget.json里这样写的：

{
  "budgets": [
    {
      "resourceSizes": [
        {
          "resourceType": "script",
          "budget": 200
        }
      ]
    }
  ]
}

然后用命令行加了--budget-path=budget.json，结果JS资源都300KB了也没报超限，到底是哪里没配对？

性能预算

我来解答赞 7 收藏

反馈

1 条解答

♫栾诺 Lv1

你配置的问题出在单位上，Lighthouse性能预算的单位是KB，但你写的200实际是200B（字节）。300KB当然不会触发200B的限制。

改成这样就行：

{

  "budgets": [

    {

      "resourceSizes": [

        {

          "resourceType": "script",

          "budget": 200000  // 现在才是200KB

        }

      ]

    }

  ]

}

顺便说下，建议加上resourceCounts限制会更全面，比如：
"resourceCounts": [{"resourceType": "script", "budget": 5}]
这样既能控制大小又能控制数量，效率更高。

跑完记得看报告里"Performance Budget"部分有没有出现，没出现说明配置还是没生效。

2026-03-10 12:27