Meminifikasi file JavaScript dapat mengurangi ukuran payload dan waktu penguraian skrip. Bagian Peluang dalam laporan Lighthouse Anda mencantumkan semua file JavaScript yang tidak diminifikasi, beserta potensi penghematan dalam kibibyte (KiB) jika file ini diminifikasi:
![Screenshot audit JavaScript Lighthouse Minify](https://developer.chrome.com/static/docs/lighthouse/performance/unminified-javascript/image/a-screenshot-the-lightho-e35d561e16c6f.png?authuser=6&hl=id)
Cara meminifikasi file JavaScript
Minifikasi adalah proses menghapus spasi kosong dan kode apa pun yang tidak diperlukan untuk membuat file kode yang lebih kecil tetapi benar-benar valid. Terser adalah alat kompresi JavaScript yang populer. webpack v4 menyertakan plugin untuk library ini secara default guna membuat file build yang diminifikasi.
Panduan khusus stack
Drupal
Pastikan Anda mengaktifkan Aggregate JavaScript files di halaman Administration > Configuration > Development. Anda juga dapat mengonfigurasi opsi agregasi lanjutan lainnya melalui modul tambahan untuk mempercepat situs dengan menyambungkan, meminifikasi, dan mengompresi aset JavaScript Anda.
Joomla
Sejumlah ekstensi Joomla dapat mempercepat situs Anda dengan menyambungkan, meminifikasi, dan mengompresi skrip Anda. Ada juga template yang menyediakan fungsi ini.
Magento
Gunakan Terser untuk meminifikasi semua aset JavaScript dari deployment konten statis, dan menonaktifkan fitur minifikasi bawaan.
Reaksi
Jika sistem build Anda otomatis meminifikasi file JS, pastikan Anda men-deploy build produksi aplikasi Anda. Anda dapat memeriksanya dengan ekstensi React Developer Tools.
WordPress
Sejumlah plugin WordPress dapat mempercepat situs Anda dengan menggabungkan, meminifikasi, dan mengompresi skrip. Anda juga dapat menggunakan proses build untuk melakukan minifikasi ini di awal jika memungkinkan.