Minifying vs Gzip and Brotli: What Each Saves

Minifying removes comments and whitespace; compression (gzip or Brotli) is applied by the server on the way out. They stack, and compression usually saves more.

.button{display:inline-flex;padding:0 16px;margin:0;border-radius:8px;background-color:#2563eb;color:#ffffff;opacity:.90}.button:hover{background-color:#1d4ed8}

For real projects

• Let your build tool minify; check that the server sends Content-Encoding: br or gzip.
• On a real stylesheet, minification typically saves 15–25% and Brotli another 70–80% of what's left.
• The biggest win is shipping less CSS: remove unused rules and split by page.