Minify HTML, CSS dan Javascript untuk optimasi kecepatan website

Cara Minify HTML, CSS dan Javascript menggunakan tools online yang tersedia untuk optimasi kecepatan website

Salah satu parameter pengukuran kecepatan website oleh Google PageSpeed Insights adalah minify atau minification. Oleh karena itu, melakukan minify terhadap HTML, CSS dan JavaScript sangat direkomendasikan.

Apa itu minify atau minification 

Minify atau Minification adalah proses menghilangkan data yang tidak perlu atau berlebihan tanpa mempengaruhi bagaimana sumber daya tersebut diproses oleh browser. Misalnya komentar pada code program dan format (baris baru dan tab) dan menghapus code program yang tidak digunakan. Proses minification akan membuat code program anda menjadi satu baris.

Proses minify dapat mengurangi 10% - 95% ukuran code! Ini akan membuat website berjalan lebih cepat sehingga akan mendapatkan skor Search Engine Optimization (SEO) yang bagus. Ini juga merupakan salah satu cara untuk menghemat sumber daya pada web server.

Minify dapat dilakukan dengan cara menggunakan tools offline atau online. Kali ini kita akan membahas minify HTML,CSS dan Javascript menggunakan tools online yang tersedia.

Tools Online Minify HTML,CSS dan Javascript

• Minify Code
• Minifier
• CSS Minifier dan Javascript Minifier
• JS Compress

Setelah anda membuka halaman minify code pada salah salah satu link diatas anda akan diinstruksikan untuk mengketik/copy/upload code yang akan anda minify, selanjutnya anda tinggal klik compress/minify kemudian anda akan mendapatkan code hasil minify-nya

Setelah file anda di minify maka code anda akan menjadi satu baris, lalu bagaimana jika anda hendak melakukan editing code? tentu hal ini akan sangat menyusahkan sekali. Beberapa tools online diatas juga mampu mengembalikan format sebelum diminify atau istilahnya adalah unminify sehingga jika kita hendak melakukan editing code hal ini akan sangat membantu sekali.