Cara Setting Autoptimize, Plugin untuk mengoptimalkan Website

Sebelum menggunakan plugin Autoptimize, dulu saya menggunakan plugin W3 Total Cache, namun karena settinganya ribet akhirnya saya beralih menggunakan Autoptimize.

Alasannya adalah karena plugin Autoptimize membuat pengoptimalan situs dengan pengaturan yang mudah. Plugin Autoptimize yang sangat popular ini dapat menggabungkan, mengecilkan dan meng-cache skrip dan CSS, injek CSS di tag <head> pada halaman secara default atau bahkan meload style pada urutan terakhir (Inline “above the fold CSS”). Selain itu, plugin yang masuk dalam kategori wajib install untuk optimasi SEO ini tersedia gratis. šŸ™‚

Setelah memakai plugin ini, saya test di Google PageSpeed Insights skor nya lumayan yaitu 99/98. Anda bisa melihat hasilnya disini. Untuk theme saat mencoba berkreasi menggunakan starter theme underscore.me, Kalau Anda minat boleh lah kontak saya. *promosi

Pastikan anda sudah menginstall plugin Autoptimize, login ke Dashboard WP, selanjutnya ikuti panduan dibawah ini:

Cara Setting Autoptimize WordPress Plugin

1. Buka menu Setting > Autoptimize

2. Klik Show advanced settings di pojok kanan

3.Ā  Pada bagian HTML options > centang Optimize HTML Code?

Fitur ini akan meringkas kode HTML dan menghilangkan komentar serta spasi yang dianggap tidak penting. (minify HTML)

4. Pada bagian Javascript Options > centangĀ Optimize JavaScript Code?

Opsi ini akan menggabungkan javascript file / code (minify JS)

5. Pada bagian CSS Options > centang fitur berikut:

Optimize CSS Code? menggabungkan dan meng-kompres CSS

Also aggregate inline CSS? menggabungkan semua inline-css yang ada di tag <head>

Inline all CSS? menghapus link attachment css pada theme dan plugin dan semua css tersebut akan ditempelkan didalam tag <head> – lihat blog ini CTRL+U

Dan tentunya akan lebih mudah jika anda melihat gambar berikut: *Klik gambar untuk memperbesar

Cara Setting Autoptimize

Bonus

Pada tab Extra > Extra Auto-Optimizations > tandaiĀ Remove emojis jika anda tidak membutuhkan emoji dan javascript lainya yang tidak terlalu penting.

 

Simpan konfigurasi plugin Autoptimize

Cek pagespeed website Anda di PageSpeed Insights

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *