Configs
stylelint-plugin-css-performance-budget exports these shareable configs:
Use them from performanceBudgetPluginConfigs or from extends subpath exports.
Start with Getting Started if you have not wired the plugin into Stylelint yet, or jump to the rule overview for rule-by-rule rollout guidance.
Config Matrix
| Rule | 🟢 Recommended | 🛡️ Strict | 🟣 All |
|---|---|---|---|
no-excessive-filter-effects | Yes | Yes | Yes |
no-expensive-animation-properties | Yes | Yes | Yes |
no-expensive-positioning-patterns | No | Yes | Yes |
no-fixed-background-attachment | Yes | Yes | Yes |
no-giant-selector-lists | No | Yes | Yes |
no-global-expensive-effects | Yes | Yes | Yes |
no-heavy-selectors | No | Yes | Yes |
no-layout-thrashing-properties | Yes | Yes | Yes |
no-oversized-css-custom-property-values | No | Yes | Yes |
no-paint-heavy-declarations | No | Yes | Yes |
no-render-blocking-import | Yes | Yes | Yes |
no-will-change-abuse | Yes | Yes | Yes |
require-reduced-motion-for-expensive-animations | No | Yes | Yes |
🟢 performance-budget-recommended is the low-noise adoption path. 🛡️
performance-budget-strict currently mirrors 🟣 performance-budget-all so
teams can opt into an explicitly strict policy name without changing rule
coverage later.