Tutorial Optimisasi Web WordPress dengan Autoptimize

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.

3. Optimasi CSS

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

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

Setting CSS Options secara keseluruhan

4. Optimasi HTML

Silahkan centang Optimize HTML Code

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.

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

Share your love
Ahmad Sofian
Ahmad Sofian

Ahmad Sofian adalah penulis utama di blog artikel Warung Komputer yang khusus membahas artikel tentang teknologi selain sebagai web developer di Warung Komputer. Selain membahas artikel mengenai teknologi, Warung Komputer juga melayani Jasa Servis Laptop & Komputer, Rakit Komputer, Pembuatan Website & SEO dan Web/Mobile Apps.

Articles: 2481

Newsletter Updates

Enter your email address below and subscribe to our newsletter

Leave a Reply

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