[ad_1]
Apa itu Pengecil CSS Online?
Pengecil CSS adalah a alat online gratis untuk mengecilkan dan mengompresi kode CSS. CSS (Cascading Style Sheets) adalah bahasa stylesheet yang digunakan untuk mendefinisikan properti tampilan kode HTML (Hyper Text Markup Language) di browser. Semua warna, ukuran, font, perataan, posisi, animasi, dan berbagai properti halaman web ditentukan oleh CSS.
Ada 3 jenis CSS; CSS sebaris, internal atau eksternal. Inline CSS adalah yang ditulis langsung dalam tag HTML. Mereka umumnya pendek dan minifikasi tidak penting untuk jenis ini. Minifikasi HTML juga menangani jenis gaya ini. CSS internal adalah tipe tempat Anda meletakkan gaya Anda
tag langsung di HTML. Tipe ini lebih panjang dan ditangani oleh Minifier CSS atau Minifier HTML. Tipe ketiga adalah CSS eksternal dan ini adalah tempat Anda memasukkan kode ke dalam file terpisah dengan ekstensi .css. Ini adalah cara paling umum untuk menggunakan CSS dalam HTML. File-file ini disertakan ke halaman web dengan a properti dan disarankan untuk menambahkan file-file ini ke proyek Anda setelah diperkecil.
Disarankan untuk menggunakan versi CSS yang diperkecil/dikompresi di halaman web Anda. Saat Anda memperkecil CSS, ukurannya akan diperkecil, dan ini berdampak positif pada waktu buka dan kinerja halaman. Dengan mengurangi ukuran file CSS, Anda dapat meningkatkan pengalaman pengguna dengan mengurangi waktu pengecatan pertama yang berarti.
Jika Anda menggunakan webpack atau bundler lain dalam proyek Anda, umumnya mereka menangani jenis minifikasi ini. Jika Anda membuat halaman web kecil tanpa bundler apa pun, Anda harus menanganinya sendiri dan Anda memerlukan minifier/kompresor CSS. Alat ini akan berfungsi sebagai a Kompresor CSS dan melakukan operasi ini secara otomatis untuk Anda.
Berikut adalah perbandingan dasar sebelum dan sesudah minifikasi CSS. Anda dapat melihat pengurangan ukuran dengan mata telanjang.
Sebelum vs. Setelah Minifikasi CSS
Saat Anda mengompresi kode CSS, Anda akan melihat kotak info yang menunjukkan perkiraan persentase pengurangan ukuran. Ini akan memberi Anda gambaran tentang peningkatan kinerja Anda untuk waktu yang Anda hemat saat file Anda diambil oleh browser.
Bagaimana cara menggunakan Pengecil CSS Online?
Gaya CSS dapat diperkecil/dikompresi dengan mengikuti langkah-langkah di bawah ini.
- Masukkan gaya CSS Anda ke kotak teks masukan yang ingin Anda perkecil.
- Klik tombol “Perkecil”.
- Anda akan melihat hasilnya di kotak teks keluaran. Jika ada kesalahan validasi di CSS Anda dan kompresi gagal, Anda akan melihat peringatan tentang validasi. Jika CSS Anda valid, Anda dapat menyalin kode yang diperkecil ke clipboard Anda atau mendownloadnya sebagai file style.min.css.