41 / 95 · 05 Performance & Chaos Engineering · Lighthouse CI: Enforcing Frontend Performance Budgets← prev⊞ allnext →☰ Read as one page
7.5Setting Budgets for Different Page Types
Not all pages have the same performance requirements. Set per-page budgets based on business impact:
{
"ci": {
"collect": {
"url": [
"https://staging.example.com/",
"https://staging.example.com/products/1",
"https://staging.example.com/checkout"
]
},
"assert": {
"assertMatrix": [
{
"matchingUrlPattern": ".*/$",
"assertions": {
"largest-contentful-paint": ["error", { "maxNumericValue": 2000 }],
"categories:performance": ["error", { "minScore": 0.95 }]
}
},
{
"matchingUrlPattern": ".*/products/.*",
"assertions": {
"largest-contentful-paint": ["error", { "maxNumericValue": 2500 }],
"categories:performance": ["error", { "minScore": 0.9 }]
}
},
{
"matchingUrlPattern": ".*/checkout",
"assertions": {
"largest-contentful-paint": ["error", { "maxNumericValue": 3000 }],
"total-blocking-time": ["error", { "maxNumericValue": 200 }],
"categories:performance": ["error", { "minScore": 0.85 }]
}
}
]
}
}
}