Apa itu Minify CSS, HTML & Javascript ?
Seperti yang telah dijelaskan di atas sebelumnya, Minify adalah istilah dalam pemrograman yang merujuk pada proses menghapus karakter yang tidak lagi diperlukan dalam mengeksekusi kode. Melakukan minify dapat meningkatkan loading halaman website, yang dalam jangka panjang dan dapat berpengaruh dalam meningkatkan kenyamanan pelanggan pada website Anda.Tips Meningkatkan Performa Website
Kenapa CSS, HTML & Javascript Perlu di Minify ?
Berikut alasan kenapa CSS, HTML & Javascript perlu dilakukan minify, yaitu :
1. Ukuran File Jadi Kecil
File CSS & JavaScript yang di-minify ini dapat berukuran lebih kecil. Hampir semua spasi, komentar dan dokumentasi bisa dibuang ketika melakukan proses “minification“. Jadi file lebih compact. Dengan minification ukuran Javascript yang diperoleh dapat meraih sekitar 48% lebih kecil dan CSS bisa memperoleh ukuran sekitar 60% dari ukuran asli. Tips Meningkatkan Performa Website
2. Website jadi lebih cepat diakses
Karena ukuran file berubah menjadi kecil, maka loading website pun dapat bekerja menjadi lebih cepat. Hal ini merupakan proses salah satu teknik Front End Optimization (FEO). Jadi, dampak yang didapat dari ukuran website secara keseluruhan juga dapat lebih kecil dan ringan.Tips Meningkatkan Performa Website
3. Hemat Bandwith dan Space Hosting/Server
Karena ukuran file dapat menjadi lebih kecil, space hosting/server Anda pun dapat menjadi lebih luang. Bandwidth oun juga menjadi lebih hemat.Tips Meningkatkan Performa Website
Cara Minify CSS, HTML & Javascript
1. Mencari file CSS, HTML, JavaScript yang belum di-minify
Pada langkah ini, Anda dapat menggunakan GTMetrix agar mendapatkan informasi aset apa saja yang perlu di minify. Dalam hal ini adalah CSS, HTML dan Javascript.
2. Mengganti file yang belum di-minify
Sebelum Anda melakukan perubahan apapun pada file CSS, HTML ataupun javascript Anda, pastikan Anda sudah mem-backup website WordPress Anda. Selain itu, Anda juga dapat melakukan backup file yang ingin Anda ganti.
Related Article :