Perkecil Sumber Daya (HTML, CSS, dan JavaScript)

Aturan ini berlaku saat PageSpeed Insights mendeteksi bahwa ukuran salah satu sumber daya Anda dapat diperkecil melalui minimisasi.

Ikhtisar

Memperkecil sumber daya berarti menghapus byte yang tidak perlu, seperti spasi ekstra, baris baru, dan indentasi. Memadatkan HTML, CSS, dan JavaScript dapat mempercepat pengunduhan, penguraian, dan waktu eksekusi. Selain itu, untuk CSS dan JavaScript, Anda dapat mengurangi ukuran file dengan mengubah nama variabel selama HTML diperbarui dengan benar untuk memastikan pemilih terus bekerja.

Saran

Sebaiknya perkecil HTML, CSS, dan Javascript Anda.

Untuk memperkecil HTML, Anda dapat menggunakan Ekstensi Chrome PageSpeed Insights untuk membuat versi kode HTML yang dioptimalkan. Jalankan analisis terhadap laman HTML dan jelajahi aturan 'Memperkecil HTML'. Klik 'Lihat konten yang dioptimalkan' untuk mendapatkan kode HTML yang dioptimalkan.

Untuk memperkecil CSS, Anda dapat mencoba YUI Compressor dan cssmin.js.

Untuk memperkecil JavaScript, cobalah Closure Compiler, JSMin atau YUI Compressor. Anda dapat membuat proses membangun yang menggunakan alat ini untuk memperkecil dan mengubah nama file pengembangan, serta menyimpannya di direktori produksi.