Cara setting Autoptimize – Halo sobat portaljawa, Kamu pernah ngga sih mengunjungi sebuah website namun waktu loadingnya lama banget? Apa yang akan kamu lakukan jika menemukan website seperti itu?
Yah menurut kami website yang memiliki waktu loading lemot akan ditinggalkan para pengunjung. Karena Analisa kami membuktikan website yang loading timenya lebih dari 5-6 detik akan kehilangan pengunjung.
Mungkin ada yang masih mengunjunginya, Namun kami sarankan untuk mempercepat waktu loading website menggunakan plugin cache wordpress berikut.
Kamu sudah tahu pastinya sampai tahap ini, ya Plugin Autoptimize yang akan kami bahas buat kamu. Dari mulai setting dasar hingga yang agak sulit akan kami berikan semuanya.
Apa itu Autoptimize ?
Autoptimize adalah salah satu plugin untuk mempercepat loading blog. Jika disetting dengan benar, plugin ini berdampak signifikan pada kecepatan blog.
Sebenarnya sudah banyak tutorial yang membahas mengenai Setting Autoptimize namun banyak yang salah dalam hal ini. Sehingga saat diterapkan di Website kurang optimal, Oleh karena itu kami disini ingin memberikan Tutorial yang sangat mantap karena benar – benar sudah kami coba sendiri.
Maaf sebelumnya ini Tips untuk para pengguna wordpress. Seperti yang kamu tahu jika pengguna blogspot tidak akan bisa menggunakan plugin – plugin ini.
Kelebihan Plugin Autoptimize
Beberapa manfaat setelah memasang plugin ini juga akan kami bahas. Supaya kamu dapat dengan mudah memahaminya. Dibawah ini kami berikut 5 manfaat memasang plugin Autoptimize sebagai plugin cache di website kamu.
1. Membersihkan Cache dengan baik
Menjadi salah satu plugin paling banyak di pasang oleh pemain wordpress. Plugin Autoptimize bisa menjadi salah satu kunci supaya website agan memiliki kecepatan saat diloading. Saat ada pengunjung plugin ini membantu meringankan beban server.
2. Minify Css dengan maksimal
Salah satu plugin yang terbukti bisa meminify css yang kamu gunakan di website. Oleh karena itu kami memasangnya di website ini.
3. Meringankan beban Server
Seperti yang kamu tahu jika Hosting atau server juga sering membuat website lemot. Namun ketika kamu memasang plugin ini, kami jamin akan lebih ringan dibanding menggunakan plugin lain.
4. Minify Javascript dengan Baik
Dengan mengoptimalkan permintaan Javascript pada website kamu, Nantinya akan membuat kecepatan loading websitemu akan meningkat.
5. Minify Html dengan akurat
Pengoptimalan HTML dapat membuat website kamu ringan saat di loading. Nah hal ini membuat para pakar wordpress merekomendasikan untuk meminify html. Dengan memasang Autoptimize HTMl kamu akan dioptimalkan secara baik dan ringkas.
Yaudah tanpa panjang lebar lagi , Yuk kita simak sama – sama Tutorial Setting Plugin Autoptimize 2020 dibawah ini.
Cara Setting Autoptimize dengan mudah
Berikut ini adalah Cara setting autoptimize paling kencang yang pernah ada , Namun berbeda – beda ya jika website kamu setelah memasang dan menyettingnya namun tidak ada perubahan. Mungkin ada hal lain yang harus kamu perhatikan misalkan Kualitas hosting dan lain – lain.
1. Instal Plugin Autoptimize
Masuk pada bagian Plugin dasbord wordpress kamu, kemudian klik Add New. Ketikan Autoptimize kemudian Instal Plugin tersebut.
2. Aktifkan Plugin Autoptimize
Klik Aktivate kemudian klik bagian Setting Autoptimize
3. Optimasi javascript
Pada bagian ini silahkan centang bagian Optimasi Javascript dan Pada bagian Gabungkan Berkas Javascript.
Selain itu Biarkan saja jangan dicentang , Kamu fokus pada bagian Kecualikan Script dari Autoptimize :
Daftar script yang dipisahkan dengan koma yang ingin Anda kecualikan agar tidak dioptimalkan, contohnya ‘whatever.js, another.js’ (tanpa tanda kutip) untuk mengecualikan script tersebut agar tidak digabungkan dan diperkecil oleh Autoptimize. Important: excluded non-minified files are still minified by Autoptimize unless that option under “misc” is disabled.
4. Optimasi CSS
Secara keseluruhan Settingan Optimasi CSS seprti gambar berikut
- Optimasi Kode CSS centang
- Gabungkan berkas CSS centang
- Gabungkan Inline CSS centang
- Buat URL untuk Gambar centang
- Inline Semua CSS centang
Kemudian pada bagian Kecualikan CSS dari Autoptimize isi seperti berikut ini :
5. Optimasi HTML
Pada bagian ini sangatlah simple hanya beberapa saja yang harus dicentang
Centang bagian Optimasi Kode HTML
Pada bagian pertahankan komentar HTML jangan di centang ya…
6. Opsi CDN
Pada bagian ini jika kamu mempunya CDN bisa memasukan kodenya di settingan berikut
Namun punya kami tidak di isi karena kami tidak mempunyai kode CDN
7. Opsi lainnya
Pada bagian ini silahkan Centang semua , Agar Optimasi berjalan lancar dan Optimal.
Jika sudah kamu centang semua, Silahkan Klik simpan dan kosongkan cache. Kemudian lanjut ke tahap yang lebih sulit.
8. Optimasi Otomatis Ekstra Autoptimize
Pada bagian ini memang agak sulit, namun tenang saja kamu tidak perlu kuatir. kami sudah membuat settingan autotimize terbaik dan semoga cocok buat website kamu.
Perhatikan gambar dibawah ini yang kami centang, Lakukan hal yang sama pada website kamu.
Silahkan Centang Bagian gabung dan muat font secara Asyinchronous dengan webfont
Kemudian Hapus emoji centang
Hapus String Query dan sumberdaya Statik centang saja
9. Optimasi Imegas / Gambar
Pada bagian ini sebenarnya kami tidak terlalu mempermasalahkan, Karena kami sudah menggunakan plugin optimasi gambar imagify.
Namun silahkan kamu simak gambar settingan autoptimize di bawah ini untuk gambar.
Kami hanya melakukan ceklis pada bagian Lazy load gambar saja.
Namun jika kamu tidak menggunakan Plugin Optimasi Gambar bisa melakukan Settingan Autoptimize berikut ini.
Optimalkan Gambar centang, Namun jika kamu pengguna Jetpack nantinya akan bersitegang jika kamu mengaktifkan Optimalkan gambar pada Plugin Autoptimize.
Penutup
Mungkinitulah Settingan Autoptimize untuk mempercepat dan melakukan minify css, js, dan html. Kami sarankan segeralah menggunakan plugin berikut ini agar website kamu loadingnya dibawah 3 detik. Berikut ini merupakan hasil Optimasi pada website Portaljawa.
Sebenarnya ini masih bisa di Optimasi lagi manjadi lebih cepat, Akan kami berikan Tips lagi agar lebih cepat kedepannya. Pantau terus artikel kami karena banyak sekali Tips – tips Blogging yang akan kami bahas.
Akhir kata kami ucapkan terimakasih dan semoga Tutorial Setting Autoptimize berguna dan bermanfaat bagi kalian semua.