Cara Minify Kode CSS

Halo guys, pada kesempatan kali ini Jasa Pembuatan Website punya sedikit tips dan trik mengenai Cara Minify Kode CSS. Perlu kalian ketahui sebelumnya, Minify adalah salah satu metode untuk meringkas kode atau mengkompres (memperkecil) ukuran file CSS, karena besar atau kecilnya file css tersebut akan berpengaruh besar untuk loading website yang kalian buat.

Hingga saat ini metode minify tersebut diterapkan di berbagai framework css seperti Bootstrap. Mungkin kalian sempat bingung, kenapa di dalam file css Bootstrap terdapat dua file dengan nama yang hampir sama, dan kenapa pada link css file html Bootstrap tersebut menggunakan file css yang bernama Bootstrap.min.css. Hal tersebut di terapkan Bootstrap dengan tujuan untuk meminimalisir loading website dengan metode tersebut.

Pada contoh yang saya gunakan untuk minify kode atau file CSS disini, melalui situs-situs Minify online, sepert cssminifier.com. Dan kalian bisa ikuti tahapan yang saya berikan di bawah ini

Berikut Tahapan-Tahapannya

• Kalian buka file CSS yang ingin di Minify
• Selanjutnya, salin semua kode yang ada di file CSS tersebut
• Kemudian, kunjungi situs berikut https://cssminifier.com/
• Tempel semua kode yang sebelumnya sudah kalian Copy, kedalam kotak Input CSS seperti pada contoh gambar berikut

• Selanjutnya, tekan tombol yang berwarna Biru yang bertuliskan Minify
• Tunggu hingga proses Minify selesai, jika sudah selesai maka akan menampilkan kode hasil Minify pada kotak Minified Output
• Jika sudah Salin semua kode hasil Minify pada kotak Minified tersebut
• Buat satu buah file CSS dengan nama nama_file.min.js (untuk nama_file di sesuaikan dengan nama file kalian).

Sampai disini kalian sudah selesai melakukan Minify CSS, dan coba kalian lihat dari kedua file tersebut terlihat jelas perbedaan dari segi ukuran atau size file keduanya dimana file hasil Minify lebih kecil dari file CSS aslinya, sedangkan untuk penggunaan file CSS di dalam link HTML, arahkan ke path file Minify tersebut. Disini saya harap kalian sudah paham, dan apabila mengikuti tahapan yang saya berikan dengan benar maka sekarang kalian sudah berhasil melakukan Cara Minify Kode CSS.

Sampai disini tips dan trik yang Jasa Pembuatan Website jelaskan mengenai Cara Minify Kode CSS, jangan sungkan untuk berkomentar di kotak komentar yang saya sediakan di bawah ini.

- Apakah kalian sedang bingung mencari tempat khursus website terbaik di area jakarta, bogor, depok,
  tangerang dan bekasi ?
- Apakah kalian seorang mahasiswa yang ingin menjadi Programmer Web Professional ?
- Apakah kalian seorang karyawan diperusahaan yang ingin upgrade skill ke bidang Applikasi Web ?

Kunjungi link dibawah ini :
Tempat Khursus Website Terbaik Di Dumet School

~ Happy Coding Guys ~