Pada kesempatan kali ini saya akan menjelaskan cara kompress file html. Perlu teman-teman ketahui sebelumnya, apabila teman-teman membuat website dengan ukuran file HTML yang cukup besar tentunya mempengaruhi loading website tersebut dan tentunya sangat membosankan pengunjung website teman-teman. Disamping itu, loading website yang disebabkan oleh besarnya file html tersebut dapat mempengaruhi peringkat website teman-teman di mata google, karena salah satu syarat untuk website yang masuk kategori friendly salah satunya adalah loading website yang cepat.

Maka tidak heran lagi, metode compressed dapat diterapkan di file html yang ukurannya besar. Dan metode tersebut sudah tidak tabu lagi dan sudah banyak di terapkan oleh banyak pengembang-pengembang website. tidak hanya itu, selain file html seperti php, css dan javascript pun bisa di kompres atau diperkecil ukuran filenya tanpa mempengaruhi sedikitpun fungsi dari kode yang teman-teman buat. Mungkin teman-teman pernah melihat dan sempat bertanya-teanya, kenapa ketika download Bootstrap ada beberapa file seperti bootstrap.css, bootstrap.min.css, bootstrap.js dan bootstrap.min.js.

Sebenarnya perbedaan dari file tersebut seperti halnya file bootstrap.css dan file bootstrap.min.css isinya adalah sama, hanya saja isi kode pada file bootstrap.min.css hasil kode file bootstrap.css yang sudah di kompress atau bisa dibilang dengan istilah minify dengan harapan file tersebut tidak mempengaruhi loading website karena file tersebut berukuran kecil dan sudah di kompress. Oleh sebab itu file tersebut dinamakan bootstrap.min.css.

Untuk mengkompres file html tersebut, tersedia beberapa tools yang dapat di akses melalui online, salah satu yang saya gunakan pada contoh penjelasan disini adalah HTML Compressor. Dengan tools tersebut yang perlu teman-teman lakukan hanya memasukan semua kode HTML yang teman-teman buat di tabs Source pada tools tersebut, kemudian bisa teman-teman tentukan terelebih dahulu type Code dan Meta Charset yang ingin digunakan, selanjutnya teman-teman bisa langsung menekan tombol yang berwarna hijau yang bertuliskan Compress, tunggu hingga proses kompress tersebut selesai dan jika sudah teman-teman bisa download hasil dari kompress tersebut.

Seperti pada contoh gambar di bawah ini :

cara kompress file html

Jika sudah teman-teman ganti kode file html yang original sebelumnya dengan kode hasil kompress yang sebelumnya sudah teman-teman download. Sampai disini penjelasan saya mengenai cara kompress file html, semoga bermanfaat.