Tutorial Optimisasi Web WordPress dengan Autoptimize

  1. Home
  2. Blog
  3. Tutorial Optimisasi Web WordPress dengan Autoptimize
BlogTutorial Wordpress
Tutorial Optimisasi Web WordPress dengan Autoptimize | Warung Komputer. Autoptimize merupakan salah satu plugin optimasi terbaik WordPress yang bisa dipakai untuk meeningkatkan kecepatan loading blog WordPress. Fitur-fitur yang terdapat di plugin ini sangat beragam mulai dari mengoptimalkan CSS, Javascript, dan HTML, hingga lazy loading images.
Tutorial Optimisisasi Web WordPress dengan Autoptimize

Tutorial Optimisasi Web WordPress dengan Autoptimize

1. Lakukan Install dan Aktifkan Autoptimize

Pada langkah pertama ini, silahkan masuk ke blog kalian. Install Plugin pada menu Plugins > Add New, kemudian ketikkan Autoptimize pada kotak pencarian plugin dan klik Install Now

Tutorial Optimisisasi Web WordPress dengan Autoptimize

Setelah itu, klik Active

Tutorial Optimisisasi Web WordPress dengan Autoptimize

Kemudian, klik Settings

Tutorial Optimisisasi Web WordPress dengan Autoptimize

2. Optimasi JavaScript

Pada bagian JavaScript Options, centang Optimize JavaScript Code dan Aggregate JS-files.

Tutorial Optimisisasi Web WordPress dengan Autoptimize

Lihat pada bagian Exclude scripts from Autoptimize, dimana fitur ini menginformasikan daftar skrip yang tidak dioptimasi.
Lakukan optimasi pada skrip Jquery untuk meringankan loading dengan hapus js/querry/jquery.js.

Tutorial Optimisisasi Web WordPress dengan Autoptimize

Sehingga akan muncul secara keseluruhan settingan JavaScript Options seperti dibawah ini.

blank

3. Optimasi CSS

Centang CSS Code, Aggregate CSS-file, dan Also aggregate inline CSS pada bagian CSS Options.

blank

Centang Inlining all CSS untuk menyejajarkan CSS, dan hapus dashicons.min.css dari Exclude CSS from Autoptimize.

blank

Setting CSS Options secara keseluruhan

blank

4. Optimasi HTML

Silahkan centang Optimize HTML Code

blank

5. Samakan Bagian lain dengan bawaannya

Jika kalian tidak menggunakan CDN, biarkan CDN Options, Cache Info dan Misc Options seperti bawaannya. Simpan perubahan setting di tab JS, CSS & HTML. klik Save Changes and Empty Cache.

blank

6. Extra Auto-Optimizations

Untuk melakukan Extra Auto-Optimizations silahkan klik tab Extra. Pada bagian ini kalian dapat menghilangkan Google Fonts, Emoji, dan query strings. Pada Google Font, optional saja apakah kalian ingin menghilangkannya atau tidak. Mengingat Google Font dapat menurunkan kecepatan blog tetapi tidak terlalu signifikan.

Setelah itu, klik Save Changes

blank

Warung Komputer menyediakan layanan Jasa Pembuatan Website, SEO, Digital Marketing dan Jasa Service Laptop/Komputer yang memiliki tenaga ahli professional dan berpengalaman.
blank

Warung Komputer | Your Trusted IT Partner
Telpon/WhatsApp : 0811-1014-930
Email : mail@warungkomputer.co.id
Website : warungkomputer.com

Artikel Terkait

blank
Tutorial Install dan Setting WP Fastest Cache
blank
Tutorial Install Moodle lewat Softaculous di cPanel

Leave a Reply

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

Fill out this field
Fill out this field
Please enter a valid email address.
You need to agree with the terms to proceed

Kategori Artikel

Archives

Menu