RevealTheme logo

CSS-minifier

Verwijdert opmerkingen, witruimte en onnodige tekens uit de CSS om de bestandsgrootte te verkleinen.

Hoe u deze tool gebruikt

  1. 1

    Paste your CSS — a single rule, a component stylesheet, or an entire file.

  2. 2

    The minified result and the byte savings appear instantly below the input.

  3. 3

    Copy the minified output, or compare the before/after byte count to see the reduction.

Wat is de CSS-minifier?

Geminificeerde CSS laadt sneller: elke byte telt in het kritieke renderpad. Minificatie verwijdert de opmerkingen, comprimeert de witruimte en vereenvoudigt de syntaxis (bijvoorbeeld: 'color: #ffffff' wordt 'color:#fff'). Gebruik voor productiewebsites een minifier tijdens de build, zoals cssnano; deze tool is bedoeld voor losse CSS-fragmenten.

Veelvoorkomende toepassingen

  • Shrink a critical-CSS snippet you're inlining into the <head> to remove a render-blocking request.

  • Compress CSS for an HTML email or newsletter, where every kilobyte counts and there's no build pipeline.

  • Paste CSS into a CMS or page-builder field that doesn't minify automatically (WordPress 'Additional CSS', Shopify theme settings).

  • Check how much weight a third-party stylesheet adds before deciding whether to self-host it.

  • Clean up CSS copied from DevTools, which arrives with computed-style comments and inconsistent spacing.

  • Produce a one-line version of a rule to paste into a chat, ticket, or code-review comment.

Veelgestelde vragen

Breekt minificatie mijn CSS?
Nee: minificatie behoudt de semantiek. Als uw CSS breekt, bevatte de bron syntaxisfouten die de browser tolereerde maar de minifier niet.
Hoeveel grootteverkleining kan ik verwachten?
Tussen 20% en 40% bij typische handgeschreven CSS. Minder bij reeds gecomprimeerde CSS van frameworks.

Gerelateerde tools