- Beranda
- Komunitas
- Tech
- Website, Webmaster, Webdeveloper
[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress
TS
RajaKreatif
[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress
Raja Kreatif, Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress – Tahukah anda cara setting autoptimize?, Jika anda belum mengetahui nya anda tepat sekali mengunjungi artikel ini. Karena pada kesempatan kali ini, kami akan mengulas tentang panduan cara pengaturan autoptimize untuk mempercepat loading WordPress Anda. Oleh karena itu, marilah simak penjelasan mengenai cara setting plugin autoptimize secara lengkap yang ada dibawah berikut ini.
Apa Itu Plugin Autoptimize?
![[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress](https://dl.kaskus.id/cdn.rajakreatif.com/wp-content/uploads/2019/09/crop-0-0-300-300-0-Cara-Setting-Plugin-Autoptimize-1.jpg)
Autoptimize mempermudah anda dalam mengoptimasi website anda. Dimana untuk melakukan aggregate, minify, cache scripts dan juga style.
Anda pun dapat melakukan optimasi ( bahkan melakukan convert ke format WebP ) , Setting Lazy Load Gambar, Melakukan optimasi Google Fonts, Async Non Aggregated JS, Menghapus Emoji WordPress dan lain-lain.
Dimana dengan melakukannya anda memperbaiki performa website anda bahkan jika sudah dalam HTTP/2.
Disana terdapat ekstensi API yang tersedia untuk anda, untuk melalukukan optimasi di setiap website anda dengan spesifikasi yang dibutuhkan masing masing
Jika anda memandang kecepatan / performa website itu penting, maka anda harus menggunakan salah satu dari berbagai plugin Cache untuk melakukan caching.
Beberapa plugin lain yang bisa bersinergi dengan Autoptimize adalah WP Super Cache, HyperCache, Comet Cache atau KeyCDN’s Cache Enabler
Cara Setting Plugin Autoptimize
Pastikan Anda telah install plugin Autoptimize di web Anda dan klik Show advanced settings. Berikut cara menggunakan plugin Autoptimize di WordPress.
JS, CSS, HTML
Pada tab JS, CSS, HTML ini isinya tentang mengatur Javascript, CSS, HTML, Cache Info, dan Misc Options.
1. JavaScript Options
![[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress](https://dl.kaskus.id/cdn.rajakreatif.com/wp-content/uploads/2019/09/Cara-Setting-Plugin-Autoptimize-2.jpg)
Optimize JavaScript Code? : Aktifkan
Aggregate JS-files? : Aktifkan
Also aggregate inline JS? : Non Aktifkan
Force JavaScript in <head>? : Non Aktifkan
Exclude scripts from Autoptimize: seal.js, js/jquery/jquery.js
Add try-catch wrapping? : Non Aktifkan
2. CSS Options
![[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress](https://dl.kaskus.id/cdn.rajakreatif.com/wp-content/uploads/2019/09/Cara-Setting-Plugin-Autoptimize-3.jpg)
Optimize CSS Code? : Aktifkan
Aggregate CSS-files? : Aktifkan
Also aggregate inline CSS? : Aktifkan
Generate data: URIs for images? : Aktifkan
Inline and Defer CSS? : Non Aktifkan
Inline all CSS? : Aktifkan
Exclude CSS from Autoptimize: admin-bar.min.css, dashicons.min.css
3. HTML Options
![[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress](https://dl.kaskus.id/cdn.rajakreatif.com/wp-content/uploads/2019/09/Cara-Setting-Plugin-Autoptimize-4.jpg)
Optimize HTML Code? : Aktifkan
Keep HTML comments? : Non Aktifkan
4. CDN Options
![[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress](https://dl.kaskus.id/cdn.rajakreatif.com/wp-content/uploads/2019/09/Cara-Setting-Plugin-Autoptimize-5.jpg)
CDN Base URL : Anda bisa isi link CDN Url disini, contoh; https://cdn.example.com/
5. Cache Info
![[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress](https://dl.kaskus.id/cdn.rajakreatif.com/wp-content/uploads/2019/09/Cara-Setting-Plugin-Autoptimize-6.jpg)
Pada bagian ini hanya menginformasikan folder cache, dan info cache style dan scripts.
6. Misc Options
![[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress](https://dl.kaskus.id/cdn.rajakreatif.com/wp-content/uploads/2019/09/Cara-Setting-Plugin-Autoptimize-6-1.jpg)
Save aggregated script/css as static files? : Aktifkan
Minify excluded CSS and JS files? : Aktifkan
Also optimize for logged in users? : Aktifkan
Images
![[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress](https://dl.kaskus.id/cdn.rajakreatif.com/wp-content/uploads/2019/09/Cara-Setting-Plugin-Autoptimize-7.jpg)
Optimize Images : Aktifkan jika menginginkan gambar menggunakan CDN dari Shortpixel
Image Optimization quality : rekomendasi pilih Glossy
Load WebP in supported browsers? : Non Aktifkan, Aktifkan jika menginginkan semua gambar berformat WebP
Lazy-load images? : Aktifkan
Lazy-load exclusions : Kosongkan
Extra Auto-Optimizations
![[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress](https://dl.kaskus.id/cdn.rajakreatif.com/wp-content/uploads/2019/09/Cara-Setting-Plugin-Autoptimize-8.jpg)
Google Fonts : Combine and load fonts asynchronously with webfont.js
Remove emojis : Aktifkan
Remove query strings from static resources : Aktifkan
Preconnect to 3rd party domains (advanced users) – anda bisa isi : https://fonts.googleapis.com,https://fonts.gstatic.com,https://www.google-analytics.com,https://ajax.googleapis.com,https://connect.facebook.net,https://www.googletagmanager.com,https://maps.google.com,https://i0.wp.com
Async Javascript-files (advanced users) : bagian Anda bisa isi seperti script yang mau ditambahkan async seperti contohna jquery.js
Optimize YouTube videos : Opsional
Save Changes
Hasil GTMETRIX
![[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress](https://dl.kaskus.id/cdn.rajakreatif.com/wp-content/uploads/2019/09/Cara-Setting-Plugin-Autoptimize-11.jpg)
![[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress](https://dl.kaskus.id/cdn.rajakreatif.com/wp-content/uploads/2019/09/Cara-Setting-Plugin-Autoptimize-10.jpg)
![[SHARE] Cara Setting Plugin Autoptimize Untuk Mempercepat WordPress](https://dl.kaskus.id/cdn.rajakreatif.com/wp-content/uploads/2019/09/Cara-Setting-Plugin-Autoptimize-9.jpg)
Baca juga : Tips Memilih Hosting Berkualitas
Penutup
Demikian yang dapat Raja Kreatif bagikan, tentang cara setting plugin Autoptimize untuk mempercepat akses loading WordPress. Sekian dan terima kasih telah mengunjungi rajakreatif.com, semoga bermanfaat dan sampai jumpa lagi di artikel WordPress berikutnya.
Adapun artikel kami lainnya :
- Cara Setting Plugin WP Super Cache WordPress Agar Lebih Ringan
- Cara Mendaftarkan Website ke Google Search Console
Apa Itu Plugin Autoptimize?
Autoptimize mempermudah anda dalam mengoptimasi website anda. Dimana untuk melakukan aggregate, minify, cache scripts dan juga style.
Anda pun dapat melakukan optimasi ( bahkan melakukan convert ke format WebP ) , Setting Lazy Load Gambar, Melakukan optimasi Google Fonts, Async Non Aggregated JS, Menghapus Emoji WordPress dan lain-lain.
Dimana dengan melakukannya anda memperbaiki performa website anda bahkan jika sudah dalam HTTP/2.
Disana terdapat ekstensi API yang tersedia untuk anda, untuk melalukukan optimasi di setiap website anda dengan spesifikasi yang dibutuhkan masing masing
Jika anda memandang kecepatan / performa website itu penting, maka anda harus menggunakan salah satu dari berbagai plugin Cache untuk melakukan caching.
Beberapa plugin lain yang bisa bersinergi dengan Autoptimize adalah WP Super Cache, HyperCache, Comet Cache atau KeyCDN’s Cache Enabler
Cara Setting Plugin Autoptimize
Pastikan Anda telah install plugin Autoptimize di web Anda dan klik Show advanced settings. Berikut cara menggunakan plugin Autoptimize di WordPress.
JS, CSS, HTML
Pada tab JS, CSS, HTML ini isinya tentang mengatur Javascript, CSS, HTML, Cache Info, dan Misc Options.
1. JavaScript Options
JavaScript Options
Optimize JavaScript Code? : Aktifkan
Aggregate JS-files? : Aktifkan
Also aggregate inline JS? : Non Aktifkan
Force JavaScript in <head>? : Non Aktifkan
Exclude scripts from Autoptimize: seal.js, js/jquery/jquery.js
Add try-catch wrapping? : Non Aktifkan
2. CSS Options
Optimize CSS Code? : Aktifkan
Aggregate CSS-files? : Aktifkan
Also aggregate inline CSS? : Aktifkan
Generate data: URIs for images? : Aktifkan
Inline and Defer CSS? : Non Aktifkan
Inline all CSS? : Aktifkan
Exclude CSS from Autoptimize: admin-bar.min.css, dashicons.min.css
3. HTML Options
HTML Options
Optimize HTML Code? : Aktifkan
Keep HTML comments? : Non Aktifkan
4. CDN Options
CDN Options
CDN Base URL : Anda bisa isi link CDN Url disini, contoh; https://cdn.example.com/
5. Cache Info
Pada bagian ini hanya menginformasikan folder cache, dan info cache style dan scripts.
6. Misc Options
Misc Options
Save aggregated script/css as static files? : Aktifkan
Minify excluded CSS and JS files? : Aktifkan
Also optimize for logged in users? : Aktifkan
Images
Image optimization
Optimize Images : Aktifkan jika menginginkan gambar menggunakan CDN dari Shortpixel
Image Optimization quality : rekomendasi pilih Glossy
Load WebP in supported browsers? : Non Aktifkan, Aktifkan jika menginginkan semua gambar berformat WebP
Lazy-load images? : Aktifkan
Lazy-load exclusions : Kosongkan
Extra Auto-Optimizations
Extra
Google Fonts : Combine and load fonts asynchronously with webfont.js
Remove emojis : Aktifkan
Remove query strings from static resources : Aktifkan
Preconnect to 3rd party domains (advanced users) – anda bisa isi : https://fonts.googleapis.com,https://fonts.gstatic.com,https://www.google-analytics.com,https://ajax.googleapis.com,https://connect.facebook.net,https://www.googletagmanager.com,https://maps.google.com,https://i0.wp.com
Async Javascript-files (advanced users) : bagian Anda bisa isi seperti script yang mau ditambahkan async seperti contohna jquery.js
Optimize YouTube videos : Opsional
Save Changes
Hasil GTMETRIX
Baca juga : Tips Memilih Hosting Berkualitas
Penutup
Demikian yang dapat Raja Kreatif bagikan, tentang cara setting plugin Autoptimize untuk mempercepat akses loading WordPress. Sekian dan terima kasih telah mengunjungi rajakreatif.com, semoga bermanfaat dan sampai jumpa lagi di artikel WordPress berikutnya.
Adapun artikel kami lainnya :
- Cara Setting Plugin WP Super Cache WordPress Agar Lebih Ringan
- Cara Mendaftarkan Website ke Google Search Console
0
1.2K
0
Komentar yang asik ya
Komentar yang asik ya
Komunitas Pilihan