Unminified CSS

Detects unminified CSS that could be optimized


Rule ID	`perf/unminified-css`
Category	Performance
Scope	Per-page
Severity	warning
Weight	4/10

Solution

Minify CSS to reduce file size and improve load times. Use build tools like cssnano, clean-css, or PostCSS with cssnano plugin. Most bundlers (Webpack, Vite, esbuild) can minify CSS automatically in production mode. Minification removes whitespace, comments, and optimizes syntax.

Options

This rule supports the following configuration options:

Option	Type	Default	Description
`min_size_bytes`	unknown	`undefined`	Minimum CSS size in bytes to check for minification
`newline_ratio_threshold`	unknown	`undefined`	Newlines per character ratio threshold for unminified detection

Configuration Example

squirrel.toml

toml

[rules."perf/unminified-css"]
min_size_bytes = undefined
newline_ratio_threshold = undefined

Enable / Disable

Disable this rule

squirrel.toml

toml

[rules]
disable = ["perf/unminified-css"]

Disable all Performance rules

squirrel.toml

toml

[rules]
disable = ["perf/*"]

Enable only this rule

squirrel.toml

toml

[rules]
enable = ["perf/unminified-css"]
disable = ["*"]

Edit this page