√ Panduan Cara Setting Plugin Autoptimize WordPress Terlucu

Guys, kemarin kita bahas blog heyapakabar.com Pengaturan plugin cache LiteSpeed dan sekarang saya mau share lagi cara setting Autoptimize Plugin untuk meningkatkan kecepatan loading website.

Plugin Optimalkan Otomatis adalah plugin yang direkomendasikan untuk pengguna dengan tema yang sama dengan blog saya. Ya, tema Hasilkan mesin cetak adalah tema yang sangat ringan dan bersih. Jika tertarik, saya menyediakan layanan instalasi GP Premium untuk kalian.

Perlu sobat ketahui, saat ini Google membutuhkan website agar dapat diakses dengan cepat. Ada banyak keuntungan memiliki website dengan akses cepat, beberapa di antaranya mampu bersaing di mesin pencari Google. Selain itu, bagi yang menggunakan Google Ads dapat menurunkan bid rate pada kata kunci yang ditargetkan.

Oleh karena itu, tutorial cara setting plugin Autoptimize ini wajib dibaca dan dijadikan referensi sobat.

  • JS, CSS & HTML
  • Gambar-gambar
  • CSS penting
  • Tambahan
  • Optimasi lebih lanjut

Cara mengatur Plugin Autoptimize

Fungsi dari plugin ini adalah untuk mengoptimalkan CSS dan JS yang ada pada website. Itu sebabnya Tom Usborne merekomendasikannya.

Instal dan aktifkan Plugin Optimalkan otomatis

Instal dan aktifkan Plugin Autoptimize

Pengaturan optimasi otomatis

Mengurangi jumlah file CSS dan JS yang dimuat pada setiap pemuatan halaman akan membuat perbedaan pada kecepatan halaman situs web atau blog Anda. Jadi, lanjutkan ke bagian utama dari plugin ini.

JS, CSS & HTML

Dalam pengaturan Autoptimize ini, dapat disesuaikan kembali ke pengaturan versi Anda sendiri jika web crash atau tidak cocok. Saya tidak bertanggung jawab jika terjadi sesuatu yang tidak diinginkan karena pengaturan ini. Jadi, penting untuk selalu membuat cadangan situs web sebelum mengikuti tutorial ini.

Baca Juga  Plugin Backup WordPress Terbaik Gratis

Hal pertama yang akan dioptimasi adalah JavaScript, hal ini bertujuan untuk mengoptimasi JS yang error dan membebani website. Untuk pengaturan optimasi JavaScript.

Optimasi JavaScript
Optimasi JavaScript

Pada bagian kedua, pengaturan ini akan mengoptimalkan CSS yang ada di tema website. Ini akan memperbaiki kesalahan dan skor CSS pada Gtmetrix dan Google Page Speed. Anda dapat menyesuaikannya dengan gambar di bawah ini.

Optimasi CSS
Optimasi CSS

Opsi ini untuk mengoptimalkan HTML pada blog atau website Anda, bisa dengan menghilangkan spasi atau jarak antar posting. Saya juga kurang begitu paham soal ini, padahal ini bukan layanan optimasi kecepatan WordPress. ha ha

Optimasi HTML
Optimasi HTML

Untuk pengaturan lain pada fungsi utama plugin Autoptimize ini, biarkan secara default.

Simpan Pengaturan
Simpan Pengaturan

Jangan lupa klik tombol Simpan Perubahan dan Hapus Cache.

Gambar-gambar

Nah untuk bagian Image Optimization ini adalah mengaktifkan Optimalkan Gambar dengan CDN jika memang diperlukan dan Aktifkan Memuat gambar dengan lambat?. Pilih salah satu agar gambar tidak crash.

Untuk CSS Kritis

Pengaturan dalam menu ini dibiarkan apa adanya.

Tambahan

Settingan tambahan ini bisa dilihat dari gambar di bawah ini, informasi lainnya bisa Anda sesuaikan kembali.

Jika Anda tidak menggunakan emoji di situs web atau blog Anda, maka tidak ada gunanya memuat skrip untuk emoji ini. Jadi ada baiknya untuk menonaktifkan fungsi ini.

Menghapus fungsi Query Strings, meskipun ini tidak akan membuat perbedaan yang signifikan dalam kecepatan situs web atau blog Anda, itu akan meningkatkan peringkat dalam tes kecepatan.

Tujuannya adalah untuk menghapus nomor versi dari sumber daya statis Anda, seperti file CSS dan JS. Nomor versi ada di sana untuk memberi tahu browser untuk menghentikan file yang di-cache jika ada versi baru.

Baca Juga  Ingin Menulis Artikel Dibayar? Kirim Tulisanmu ke Situs ini

Tanpa nomor versi, browser tidak akan melepaskan cache saat Anda memperbarui tema atau plugin, yang dapat menyebabkan efek samping yang tidak diinginkan hingga cache dihapus secara manual.

Optimasi Ekstra
Optimasi Ekstra

Untuk bagian Preconnect untuk domain pihak ketiga, silakan masukkan daftar ini ke dalam kolom.

  • https://fonts.googleapis.com
  • https://fonts.gstatic.com
  • https://ajax.googleapis.com
  • https://connect.facebook.net
  • https://www.googletagmanager.com

Bisa juga ditambah dengan yang lain jika dirasa bisa membantu.

Jangan lupa klik tombol simpan atau simpan dan hapus cache, tujuannya untuk mengetahui perubahan apa saja yang terjadi.

Sampai disini tutorial cara setting plugin Autoptimize ini, semoga bermanfaat. Jika Anda memiliki pertanyaan, Anda dapat meninggalkan pesan di bagian komentar di bawah. Atau jika Anda membutuhkan layanan optimasi kecepatan blog WordPress, Anda dapat menghubungi saya melalui halaman kontak.

Jika menurut Anda artikel ini bermanfaat, mohon bantu share juga. Agar saya semakin semangat untuk berbagi artikel yang berhubungan dengan WordPress.

Leave a Comment