RevealTheme logo

Minifikator CSS

Hapus komentar, spasi kosong, dan karakter yang tidak perlu dari CSS untuk mengurangi ukuran file.

Cara menggunakan alat ini

  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.

Apa itu Minifikator CSS?

CSS yang diminifikasi memuat lebih cepat: setiap byte berarti dalam jalur rendering kritis. Minifikasi menghapus komentar, mengecilkan spasi kosong, dan menyederhanakan sintaks (misalnya, 'color: #ffffff' menjadi 'color:#fff'). Untuk situs produksi, gunakan minifikator pada waktu kompilasi seperti cssnano; alat ini ditujukan untuk fragmen CSS sesekali.

Kasus penggunaan umum

  • 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.

Pertanyaan yang sering diajukan

Apakah minifikasi akan merusak CSS saya?
Tidak: minifikasi mempertahankan semantik. Jika CSS Anda rusak, sumbernya memiliki kesalahan sintaks yang ditoleransi browser tetapi tidak oleh minifikator.
Berapa banyak pengurangan ukuran yang bisa saya harapkan?
Antara 20 % dan 40 % pada CSS yang ditulis tangan pada umumnya. Lebih sedikit pada CSS framework yang sudah dipadatkan.

Alat terkait