Cara Mengecilkan File CSS/JavaScript di WordPress (3 Cara)

Cara Mengecilkan File CSS/JavaScript di WordPress (3 Cara)

Apakah Anda ingin mengecilkan file di situs WordPress Anda?

 

Memperkecil file CSS dan JavaScript WordPress Anda dapat membuatnya memuat lebih cepat dan mempercepat situs WordPress Anda.

 

Dalam panduan ini, kami akan menunjukkan cara mengecilkan file CSS/JavaScript di WordPress dengan mudah untuk meningkatkan kinerja dan kecepatan.

 

Istilah ‘minify’ digunakan untuk menggambarkan metode yang membuat ukuran file situs web Anda lebih kecil. Ini dilakukan dengan menghapus spasi, garis, dan karakter yang tidak perlu dari kode sumber.

 

Berikut adalah contoh kode CSS biasa:

 

Setelah mengecilkan kode itu akan terlihat seperti ini:

 

Biasanya, disarankan untuk hanya mengecilkan file yang dikirim ke browser pengguna. Ini termasuk file HTML, CSS , dan JavaScript .

 

Keuntungan dari mengecilkan file adalah meningkatkan kecepatan dan kinerja WordPress , karena file yang ringkas lebih cepat dimuat.

 

Namun, beberapa ahli percaya bahwa peningkatan kinerja sangat kecil untuk sebagian besar situs web dan tidak sebanding dengan masalahnya. Minifikasi hanya menghapus beberapa kilobyte data di sebagian besar situs WordPress. Anda dapat mengurangi lebih banyak waktu buka halaman dengan mengoptimalkan gambar untuk web .

 

Jika Anda mencoba untuk mencapai skor 100/100 di Google Pagespeed atau alat GTMetrix , maka mengecilkan CSS dan JavaScript akan meningkatkan skor Anda secara signifikan.

 

Karena itu, mari kita lihat cara mengecilkan CSS/JavaScript dengan mudah di situs WordPress Anda.

 

Kami akan membahas 3 opsi berbeda yang dapat Anda pilih:

 

Siap? Mari kita mulai dengan metode yang direkomendasikan teratas kami.

 

Setelah aktivasi, Anda perlu mengunjungi halaman Pengaturan »WP Rocket dan beralih ke tab ‘Optimasi File’.

 

Dari sini, Anda perlu memeriksa opsi Minify file CSS.

 

WP Rocket kemudian akan menunjukkan kepada Anda peringatan bahwa ini dapat merusak banyak hal di situs Anda. Silakan dan klik tombol ‘Aktifkan Minify CSS’. Anda selalu dapat menonaktifkan opsi ini jika itu menyebabkan masalah dengan situs web Anda.

 

Selanjutnya, Anda perlu menggulir ke bawah ke bagian File JavaScript di bawah ini.

 

Di sini, cukup centang kotak di sebelah opsi ‘Minify JavaScript files’.

 

Sekali lagi, Anda akan melihat peringatan bahwa ini dapat merusak banyak hal di situs Anda. Silakan dan klik tombol ‘Aktifkan Minify JavaScript’.

 

Setelah itu, jangan lupa untuk mengklik tombol Simpan perubahan untuk menyimpan pengaturan Anda.

 

Setelah itu, Anda perlu mengklik menu SG Optimizer di sidebar admin WordPress Anda.

 

Ini akan membawa Anda ke pengaturan Pengoptimal SG.

 

Dari sini Anda perlu mengklik tombol ‘Go To Frontend’ di bawah ‘Other Optimizations’.

 

Pada layar berikutnya, Anda perlu mengaktifkan sakelar di sebelah opsi ‘Minify CSS files’.

 

Selanjutnya, Anda perlu beralih ke tab JavaScript dan mengaktifkan sakelar di sebelah opsi ‘Minify JavaScript Files’.

 

Itu saja! Anda sekarang dapat mengosongkan cache WordPress dan mengunjungi situs web Anda untuk memuat versi file CSS dan JS yang diperkecil.

 

Metode ini direkomendasikan untuk pengguna yang tidak menggunakan SiteGround dan tidak menggunakan WP Rocket.

 

Setelah aktivasi, Anda perlu mengunjungi halaman Pengaturan »Pengoptimalan Otomatis untuk mengonfigurasi pengaturan plugin.

 

Dari sini, pertama-tama Anda perlu memeriksa opsi ‘Optimalkan Kode JavaScript’ di bawah Opsi JavaScript.

 

Setelah itu, Anda perlu menggulir ke bawah ke Opsi CSS dan mencentang kotak di sebelah opsi ‘Optimalkan kode CSS’.

 

Jangan lupa untuk mengklik tombol Simpan Perubahan untuk menyimpan pengaturan Anda.

 

Jika Anda menyukai artikel ini, silakan berlangganan Saluran YouTube kami untuk tutorial video WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook .

sumber

Leave a Reply

Your email address will not be published.

logo-whatsapp
1
error: