Meminifikasi Resource (HTML, CSS, dan JavaScript)

Aturan ini berlaku saat PageSpeed Insights mendeteksi bahwa ukuran salah satu resource Anda dapat diperkecil melalui minifikasi.

Ringkasan

Minifikasi adalah proses penghapusan data yang tidak penting atau tidak diperlukan tanpa memengaruhi cara pemrosesan resource oleh browser - misalnya, komentar kode dan pemformatan, penghapusan kode yang tidak digunakan, penggunaan variabel dan nama fungsi yang lebih pendek, dan lain-lain.

Lihat prapemrosesan & pengoptimalan konteks tertentu untuk mempelajari lebih lanjut.

Saran

Sebaiknya minifikasi resource HTML, CSS, dan Javascript Anda.

  • Untuk meminifikasi HTML, coba HTMLMinifier
  • Untuk meminifikasi CSS, coba CSSNano dan csso.
  • Untuk meminifikasi JavaScript, coba UglifyJS. Closure Compiler juga sangat efektif. Anda dapat membuat proses build yang menggunakan fitur ini untuk meminifikasi dan mengubah nama file pengembangan dan menyimpannya ke direktori produksi.

Sebagai alternatif, Modul PageSpeed, berintegrasi dengan server web Apache atau Nginx untuk mengoptimalkan situs Anda secara otomatis, termasuk minifikasi resource.