Sawal Walker, Cara Setting Plugin WP Rocket untuk Mempercepat Loading WordPress – Tahukah anda cara setting plugin WP Rocket?, Jika anda belum mengetahui nya anda tepat sekali mengunjungi artikel ini. Karena pada kesempatan kali ini, kami akan mengulas tentang cara menggunakan/mengatur plugin WP Rocket yang merupakan salah satu plugin cache WordPress untuk optimasi WordPress. Oleh karena itu, marilah simak penjelasan mengenai cara setting plugin WP Rocket secara lengkap yang ada dibawah ini.
Apa itu WP Rocket?
WP Rocket adalah salah satu plugin cache WordPress berbayar (premium) yang dapat kamu manfaatkan untuk mempercepat situs WordPress milikmu. WP Rocket bekerja dengan cara mengurangi beban file HTML, JavaScript dan CSS pada suatu website.
Selain itu, plugin ini juga datang dengan berbagai macam fitur penting lainnya. Lebih lengkapnya tentang fitur WP Rocket dan perbandingan dengan plugin cache lainnya bisa kamu lihat pada tabel dibawah ini.
Perbandingan Fitur WP ROCKET Dengan Plugin Lain
| WP ROCKET | HYPER CACHE | WP SUPER CACHE | W3 TOTAL CACHE | |
| Quick Setup | ✔ | ✔ | ✘ | ✘ |
| Page Caching | ✔ | ✔ | ✔ | ✔ |
| Cache Preloading | ✔ | ✘ | ✔ | ✔ |
| Sitemap Preloading | ✔ | ✘ | ✘ | ✔ |
| GZIP Compression | ✔ | ✘ | ✘ | ✔ |
| Browser Caching | ✔ | ✘ | ✘ | ✔ |
| Database Optimization | ✔ | ✘ | ✘ | ✘ |
| Google Fonts Optimization | ✔ | ✘ | ✘ | ✘ |
| Remove Query Strings from Static Resources | ✔ | ✘ | ✘ | ✘ |
| Lazyload | ✔ | ✘ | ✘ | ✘ |
| Minification / Concatenation | ✔ | ✘ | ✘ | ✔ |
| Defer JS Loading | ✔ | ✘ | ✘ | ✘ |
| CloudFlare Compatibility | ✔ | ✘ | ✘ | ✔ |
| CDN | ✔ | ✘ | ✔ | ✔ |
| DNS Prefetching | ✔ | ✘ | ✘ | ✘ |
| Mobile Detection | ✔ | ✘ | ✔ | ✔ |
| Multisite Compatibility | ✔ | ✘ | ✔ | ✔ |
| eCommerce Friendly | ✔ | ✘ | ✘ | ✘ |
| Multilingual Compatibility | ✔ | ✘ | ✔ | ✔ |
| Connected Users | ✔ | ✘ | ✔ | ✔ |
| Import/Export | ✔ | ✘ | ✘ | ✔ |
| Developer Friendly | ✔ | ✘ | ✘ | ✘ |
Cara Setting Plugin WP Rocket untuk Mempercepat Loading Web WordPress
Pastikan Anda telah install plugin WP Rocket di web Anda. Jika belum punya silahkan beli website resminya di https://wp-rocket.me/ dengan harga mulai dari $49 hingga $249. Berikut cara menggunakan plugin WP Rocket di WordPress.
1. Cache
Enable caching for mobile devices: ON
Separate cache files for mobile devices: ON
Enable caching for logged-in WordPress users: OFF
Cache Lifespan: 4 jam
Anda bisa set OFF pada Separate cache files for mobile devices (opsional) jika website/blog Anda berantakan.
2. File Optimization
Minify HTML: ON
Combine Google Fonts files: ON
Remove query strings from static resources: ON
Minify CSS: ON
Combine CSS files (Enable Minify CSS files to select): ON
Optimize CSS Delivery: ON
Jika pada pengaturan ini web anda berantakan, silahkan set OFF pada Combine CSS files
Remove jQuery Migrate: ON
Minify JavaScript files: ON
Combine JavaScript files: ON
Load JavaScript deferred: ON
Safe mode for jQuery: OFF
Set OFF Combine JavaScript files jika web anda berantakan.
Untuk Safe mode for jQuery, Anda bisa set ON jika tidak ada masalah, teruntuk situs toko online wajib set ON
3. Media
Enable for images: ON
Enable for iframes and videos: ON
Replace YouTube iframe with preview image: ON
Silahkan set OFF pada Enable for images, jika gambar di situs anda tidak keluar atau blank putih. Biasanya karena bentrok dengan lazy load plugin lain atau lazy load bawaan theme.
Disable Emoji: ON
Disable WordPress embeds: ON
Enable WebP caching: ON
4. Preload
Activate Preloading: ON
Activate sitemap-based cache preloading: OFF
URLs to prefetch, anda bisa isi seperti:
//i0.wp.com
//s0.wp.com
//fonts.googleapis.com
dan lain-lain.
5. Advanced Rules
Never Cache URL(s): biarkan default
Never Cache Cookies: biarkan default
Never Cache User Agent(s): biarkan default
Always Purge URL(s): biarkan default
Cache Query String(s): biarkan default
6. Database
Revisions: ON
Auto Drafts: OFF
Trashed Posts: ON
Anda bisa set ON pada Auto Drafts jika tidak suka dengan menyimpan draft otomatis pada konten
Spam Comments: ON
Trashed Comments: ON
Expired Transients: ON
All Transients: ON
Optimize Tables: ON
Schedule Automatic Cleanup: Monthly Frequency
Kalau agak ragu, silahkan backup terlebih dahulu.
7. CDN
Enable Content Delivery Network: ON
CDN CNAME(s): https://i0.wp.com/www.isi_domain_anda.com reserved for Images
Exlude files from CDN: biarkan default
UPDATE CDN NAMES: https://i2.wp.com/isi_domain_anda.com/
berguna untuk mengCDNkan gambar by photon
8. Heartbeat
Kontrol WordPress Heartbeat API: biarkan default
9. ADD-ONS
Google Tracking: set ON apabila anda menggunakan plugin atau script Google Analytic
Facebook Pixel: set ON jika ada script fb pixel pada web anda.
Varnish: OFF
untuk FB Pixel, usahakan scriptnya yang tertanam dalam web dalam bentuk mentahan saja, bukan input tracking id di plugin ataupun di theme yang tersedia isi kode tracking.
Cloudflare: OFF
Sucuri: OFF
Pada settingan ini hanya opsional saja, silahkan di set ON jika diperlukan seperti ingin integrasikan dengan Cloudflare
10. Image Optimization
Silahkan Install plugin Imagify jika diperlukan untuk compress gambar, ini hanya opsional saja.
Baca juga Cara Setting WP Fastest Cache (WPFC) Plugin WordPress
Penutup
Demikian yang dapat Sawal Walker bagikan, tentang cara setting plugin WP Rocket untuk mempercepat loading WordPress. Sekian dan terima kasih telah mengunjungi sawalwalker.com, semoga bermanfaat dan sampai jumpa lagi di artikel tutorial WordPress berikutnya.
Malam om ini om sndri yg di gambar make wp rocket versi berapa? kok masih ada minify html
ya masih versi lama, yang update cek di video youtube Sawal Walker
Bagus tutorialnya Mas. Bisa membantu optimasi kecepatan web kami…
siap
Terima kasih mas, sangat membantu saya yang masih newbie hehe
sama2 kak, semoga bermanfaat
om … maksut tanam pixel mentahan itu apa ya ??? saya tanam pixelnya ditag manager ? apa itu aman om terimakasih
maksudnya script mentahan dari fb pixel. tapi itu cara lama
sekarang cukup taruh script pixelnya di plugin tag manager aja atau plugin fb pixel
iyaa om terimakasih … saya udh praktekan semua alkhamdulillah nilai nya sudah A , tapi aada masalah om gambarnya hilamg semua . gimana om cara balikinya huhuhuh
Jazakallahu Khairan
mungkin karena lazy loadnya yang bentrok, coba periksa lagi fitur lazy load pada plugin lain atau pada tema bisa jadi
Gara-gara audit website tadi siang jadi mampir ke websitenya Mas Sawal nih hehe, mas sorry klu mempercepat loading iframe (pakai wprocket) caranya bagaimana ya?
hehehhe
tinggal aktifkan lazy di bagian media bang
Terima kasih mas, sangat membantu
sama2 kak, semoga berkah
Terima kasih mas, situs kami sangat terdongkrak kecepatannya dg tutor ini
semoga berkah
bang saya kok pake wp rocket tampilan web saya jadi gak responsif ya ?
kemungkinan ada yang bentrok sama plugin lain
usahakan ceklis satu per satu fitur wp rocket dan lalu sambil cek tampilan, jgn langsung ceklis semua
mksh mas infony, ngumpulin uang dl buat beli yg premium
sama2, semoga cepat terkumpul dananya
Btw saat menggunakan WP Rocket apakah perlu diaktifkan juga minification dari Cloudflare atau cukup menggunakan dari WP Rocket aja mas?
bagusnya nonaktifkan minication di cloudflare
Akhirnya ketemu tulisan seperti ini, penjelasan yang sangat detail dan tak meragukan, pas tadi buka webnya.. gak loading sama sekali :).
oh iya web saya pakai woocommerce, apakah tidak berpengaruh di halaman keranjang belanja atau check out nya jika pakai WP rocket ?
Insya Allah tidak berpengaruh untuk halaman keranjang belanja atau check out
CDN dinyalakan malah jadi berantakan themenya mas thanks sudah share settingan wp rocketnya mas
berarti theme nggk support dengan cdn i0.wp.com
mungkin bisa dicoba dengan cdn lain seperti bunnycdn
Thanks, komplit banget penjelasannya.
tinggal beli yang full version’ tapi nunggu diskon yang lebih gede biar hemat.
sama2 mas, terima kasih juga sudah berkunjung
Saya udh nyoba nih tutor
Bagus jadi cepet, tpi kenapa icon saya jadi ilang ya?
Terus juga saya kan menggunakan plugin tidio chat untuk live chat
Jadi gimana yak, pas bagian file optimization diaktifkan sesuai tutorial plugin gk tampil
Tpi kalau dimatikan, plugin nampil
mungkin karena combine javascript nya
setingan no 7, CDN CNAME mending dikosongin aja.. soalnya sy coba malah bikin lola + gambarnya ngeblur ..
Iya betul soalnya lagi bermasalah kayaknya cdn by photon
Sementara fitur cdn dinonaktifkan, akan saya update dgn model cdn lain
Terima kasih
Mantap lengkap banget gan tutorial setting wp rocketnya,, langsung saya coba gan,, thanks ya
oke
semoga bermanfaat gan
Halo saya coba clear cache di bagian cloaudfare kok ada notice gini ya mas, Cloudflare cache purge error: Invalid request headers
Ada saran kah
kayaknya ada salah di pengaturan cloudflare nya, di wp rocket nya jgn tambahin cloudflare di bagian add on
Sangat bermanfaat master sawal
terima kasih banyak mas vicky sudah berkunjung