Mampatan CSS (juga dipanggil minification) ialah proses mengalih keluar aksara yang tidak diperlukan—seperti ruang, pemisah baris dan ulasan—daripada fail CSS untuk mengurangkan saiznya tanpa menjejaskan kefungsian.
Pemformatan CSS merujuk kepada penyusunan dan penggayaan kod CSS (cth., lekukan, jarak, susunan sifat) untuk menjadikannya lebih mudah dibaca dan diselenggara.
Mampatan:
Tingkatkan Kelajuan Muatan: Fail yang lebih kecil dimuatkan dengan lebih pantas dalam penyemak imbas.
Kurangkan Penggunaan Lebar Jalur: Kurang data untuk dipindahkan bermakna prestasi yang lebih baik, terutamanya pada mudah alih.
Optimumkan untuk Pengeluaran: Memberikan versi gaya anda yang lebih bersih dan lebih ringan.
Memformat:
Tingkatkan Kebolehbacaan: Menjadikan kod lebih mudah difahami dan diselenggara.
Kuatkuasakan Konsisten: Pastikan kod bersih dan teratur untuk pasukan.
Memudahkan Penyahpepijatan: CSS yang diformat dengan baik adalah lebih mudah untuk diselesaikan.
Alat Dalam Talian: Tampal CSS ke dalam pemformat atau pengecil berasaskan web untuk mendapatkan output yang diformatkan atau dimampatkan.
Editor Kod / IDE: Gunakan alat pemformatan terbina dalam atau sambungan (cth., Prettier, Beautify, Minify).
Alat Bina: Automatikkan pemformatan dan pemampatan menggunakan prapemproses Webpack, Gulp atau CSS.
Alat CLI: Gunakan pakej Node.js (seperti clean-css atau csso) untuk memampatkan CSS dalam skrip binaan.
Mampatan:
Sebelum menggunakan tapak anda ke pengeluaran untuk pengoptimuman prestasi.
Memformat:
Semasa pembangunan untuk memastikan kod bersih dan boleh diurus.
Apabila menyertai ahli pasukan baharu atau mengekalkan helaian gaya yang besar.
Sebelum semakan kod untuk memastikan gaya dan kebolehbacaan yang konsisten.
