Apa yang dimaksud Minification [glosarium teknologi informasi]

Minification :

Dalam ilmu komputer , minifikasi adalah proses menghilangkan unsur yang tidak perlu dan menulis ulang kode untuk mengurangi ukuran file. Ini biasanya dilakukan pada sumber daya halaman web , seperti file HTML , CSS , dan JavaScript . Mengurangi ukuran sumber daya web memungkinkan file ditransfer lebih cepat, membuat halaman web memuat lebih cepat.

Ada beberapa cara untuk mengecilkan data . Yang paling mendasar adalah menghapus komentar, spasi yang tidak perlu, dan jeda baris ( karakter baris baru ). Sementara komentar dan spasi membantu membuat kode lebih mudah dibaca, mereka diabaikan oleh browser . Oleh karena itu unsur – unsur ini dapat dihapus dengan aman sebelum dipublikasikan . Metode lain adalah meminimalkan kode yang diperlukan untuk setiap pernyataan. Dalam CSS, hal ini sering dilakukan dengan mengubah CSS tulisan tangan menjadi CSS singkatan. Misalnya, definisi margin mungkin membutuhkan tujuh baris dalam tulisan tangan, tetapi hanya satu baris dalam tulisan singkat. Dalam JavaScript, nama variabel yang panjang dapat diganti dengan yang lebih pendek (seringkali satu karakter .

Di bawah ini adalah contoh kode CSS sebelum dan sesudah minifikasi. Perhatikan bagaimana komentar, spasi, jeda baris, dan titik koma yang tidak perlu dihapus. Kode juga dikonversi dari CSS tulisan tangan menjadi tulisan singkat.

Kode CSS standar

img.left /* float kiri 400px gambar */
{
float: kiri;
lebar maksimum: 400 piksel;
margin-atas: 8px;
margin-kanan: 30px;
margin-bawah: 12px;
margin-kiri: 0px;
}

Kode CSS yang diperkecil

img.left{float:left;max-width:400px;margin:8px 30px 12px 0}

Algoritme minifikasi tingkat lanjut dapat mengurangi ukuran file lebih jauh. Minifier CSS, misalnya, dapat menemukan dan menghapus baris duplikat dalam file CSS. Itu juga dapat menggabungkan definisi CSS yang serupa menjadi satu pernyataan. Minifier JS sebenarnya dapat menulis ulang fungsi JavaScript agar lebih efisien.

Memperkecil kode seringkali hanya menghemat beberapa kilobyte . Misalnya, file CSS standar mungkin berukuran 50KB dan versi yang diperkecil mungkin berukuran 40KB. Namun, saat meningkatkan kecepatan pemuatan halaman, setiap kilobyte penting. Tujuan dari minifier yang baik adalah untuk mengurangi ukuran file sebanyak mungkin dengan dampak nol pada cara kode diurai atau diproses. Terlepas dari minifier apa yang digunakan, pengembang biasanya mempertahankan versi kode yang tidak diperkecil untuk pengeditan di masa mendatang.

Minifikasi vs Kompresi

Meskipun minifikasi dan kompresi file sama-sama mengurangi ukuran file, keduanya tidak identik. Minifikasi hanya mengubah teks sementara kompresi file sepenuhnya menulis ulang kode biner di dalam file. File terkompresi harus didekompresi oleh utilitas dekompresi file agar dapat dibaca sebagai file teks. Banyak situs web menggunakan kombinasi minifikasi dan kompresi file “gzip” untuk mengurangi ukuran sumber daya web sebanyak mungkin.

Related Posts