Checklist Setup WP Rocket: Panduan Lengkap Tab per Tab (2026)

Baru install WP Rocket dan bingung mulai dari mana? Jangan khawatir. Artikel ini berisi checklist lengkap yang bisa Anda ikuti tab per tab — dari Cache sampai Add-Ons — termasuk setting khusus WooCommerce dan cara verifikasi setup sudah benar.

Berbeda dengan tutorial panjang yang menjelaskan semua fitur, checklist ini fokus pada apa yang harus Anda aktifkan dan apa yang harus Anda hindari.

Sebelum Mulai: Checklist Persiapan

Sebelum menyentuh setting WP Rocket, pastikan Anda sudah melakukan ini:

• ☐ Backup database — gunakan UpdraftPlus atau plugin backup lain
• ☐ Catat skor PageSpeed sebelum — buka PageSpeed Insights, test homepage dan 1 halaman artikel
• ☐ Cek tipe hosting — Apache, Nginx, atau LiteSpeed? (akan mempengaruhi beberapa setting)
• ☐ Cek versi PHP — minimal PHP 7.4, idealnya PHP 8.0+
• ☐ Cek HTTP version — HTTP/1.1 atau HTTP/2? (akan mempengaruhi combine setting)
• ☐ Nonaktifkan plugin cache lain — WP Super Cache, W3 Total Cache, Autoptimize, dll

Tab 1: Cache — Setting Dasar

Tab Cache adalah starting point. Setting di sini menentukan bagaimana WP Rocket menyimpan dan mengirim halaman cache.

• ☐ Enable caching for mobile devices — AKTIFKAN ✅
• ☐ Separate cache files for mobile devices — Aktifkan jika tema belum responsif. Jika tema sudah responsif, matikan
• ☐ Enable caching for logged-in WordPress users — Aktifkan jika ada membership. Jika tidak, matikan
• ☐ Cache Lifespan — Biarkan default 10 jam. Jika website sering update, kurangi ke 6 jam

💡 Tip: Jika website Anda punya banyak user login (membership, LMS), aktifkan user cache tapi hati-hati dengan memory usage di shared hosting.

Tab 2: File Optimization — CSS & JavaScript

Tab ini paling berpengaruh pada Core Web Vitals. Tapi juga paling berisiko memecah tampilan. Aktifkan satu per satu, test setelah setiap perubahan.

CSS Optimization

• ☐ Minify CSS files — AKTIFKAN ✅ (mengurangi ukuran file CSS)
• ☐ Combine CSS files — AKTIFKAN jika masih HTTP/1.1. MATIKAN jika sudah HTTP/2
• ☐ Optimize CSS delivery — Pilih salah satu:
  • Remove Unused CSS — Lebih agresif, hasil lebih baik, tapi bisa memecah layout
  • Load CSS Asynchronously — Lebih aman, tapi bisa menyebabkan FOUC (flash of unstyled content)

⚠️ Warning: Jika setelah aktifkan Remove Unused CSS tampilan website berantakan, coba Load CSS Asynchronously. Jika masih bermasalah, matikan Optimize CSS delivery dulu.

JavaScript Optimization

• ☐ Minify JavaScript files — AKTIFKAN ✅
• ☐ Combine JavaScript files — HATI-HATI ⚠️ — bisa memecah AdSense, slider, dan widget interaktif. Test dulu
• ☐ Load JavaScript deferred — AKTIFKAN ✅ (menghilangkan render-blocking resources)
• ☐ Delay JavaScript execution — AKTIFKAN ✅ (menunda JS sampai user berinteraksi)

Exclude JS yang tidak boleh di-delay:

• ☐ adsbygoogle.js — jika pakai AdSense
• ☐ gtag / analytics — jika tracking penting dari page load pertama
• ☐ /wp-content/plugins/elementor/ — jika Elementor break

Tab 3: Media — Lazy Load & Gambar

Tab Media mengontrol lazy load dan optimasi gambar. Semua fitur di sini aman untuk diaktifkan.

• ☐ Enable for images — AKTIFKAN ✅
• ☐ Enable for iframes and videos — AKTIFKAN ✅
• ☐ Replace YouTube iframe with preview image — AKTIFKAN ✅ (mengurangi beban halaman signifikan)
• ☐ Add missing image dimensions — AKTIFKAN ✅ (mencegah CLS)
• ☐ Excluded images or iframes — Exclude logo dan featured image di atas (above the fold) agar tidak lazy load

💡 Tip: Jika Anda pakai YouTube embed di artikel, fitur "Replace YouTube iframe" sangat berpengaruh. Satu embed YouTube bisa menambah 500KB+ ke halaman.

Tab 4: Preload — Cache Preloading

Preload memastikan cache sudah siap sebelum pengunjung datang.

• ☐ Activate Preloading — AKTIFKAN ✅ (kecuali di shared hosting dengan traffic sangat tinggi)
• ☐ Enable link preloading — AKTIFKAN ✅ (preload halaman saat user hover link)
• ☐ Prefetch DNS Requests — Masukkan domain pihak ketiga yang sering dipakai:
  • //fonts.googleapis.com
  • //www.googletagmanager.com
  • //www.google-analytics.com
  • //connect.facebook.net (jika pakai Facebook Pixel)
• ☐ Preload Fonts — Masukkan URL font lokal yang digunakan tema (bukan Google Fonts)

⚠️ Shared hosting: Jika preload membebani server (CPU usage tinggi), kurangi frekuensi atau matikan preload dulu.

Tab 5: Advanced Rules (Opsional)

Tab ini bisa dilewati untuk website biasa. Hanya perlu untuk:

• ☐ Never Cache URLs — Tambahkan URL yang tidak boleh di-cache:
  • /cart/ — WooCommerce cart
  • /checkout/ — WooCommerce checkout
  • /my-account/ — WooCommerce my account
• ☐ Always Purge URLs — URL yang harus di-clear saat konten diupdate
• ☐ Cache Query String(s) — Jika ada halaman dengan query string tertentu

💡 Tip: Untuk website biasa (blog, company profile), tab ini bisa dilewati sepenuhnya. WP Rocket sudah handle otomatis.

Tab 6: Database — Pembersihan

Database cleanup membantu mengurangi ukuran database dan mempercepat admin area.

• ☐ Revisions — AKTIFKAN ✅ (hapus revisi post lama)
• ☐ Auto Drafts — AKTIFKAN ✅
• ☐ Trashed Posts — AKTIFKAN ✅
• ☐ Spam Comments — AKTIFKAN ✅
• ☐ Trashed Comments — AKTIFKAN ✅
• ☐ Expired Transients — AKTIFKAN ✅
• ☐ Optimize Tables — AKTIFKAN ✅
• ☐ Automatic Cleanup — Set ke Weekly (mingguan)

⚠️ Selalu backup sebelum cleanup pertama!

Tab 7: CDN — RocketCDN

Jika Anda menggunakan CDN:

• ☐ RocketCDN — Jika mau pakai RocketCDN, aktifkan dari sini. Ada free tier (3 halaman) dan Pro ($7.99/bulan)
• ☐ CDN CNAME — Jika pakai CDN lain (BunnyCDN, KeyCDN), masukkan CNAME di sini
• ☐ Cloudflare — Jika pakai Cloudflare, gunakan tab Add-Ons, bukan tab CDN ini

💡 Tip: Jika Anda di Indonesia dan target audience lokal, CDN mungkin tidak terlalu berpengaruh. Fokus ke optimasi server dan caching dulu.

Tab 8: Heartbeat — Kontrol Server

WordPress Heartbeat API bisa membebani server. WP Rocket bisa mengontrolnya.

• ☐ Reduce Activity — AKTIFKAN ✅ (mengurangi frekuensi heartbeat)
• ☐ Disable — Matikan heartbeat di:
  • Front-end — MATIKAN (tidak perlu)
  • Back-end (Dashboard) — Reduce Activity (jangan disable total, bisa ganggu autosave)
  • Post Editor — Reduce Activity

Tab 9: Add-Ons — Integrasi

• ☐ Google Tracking — AKTIFKAN ✅ (hosting Google Analytics script secara lokal)
• ☐ Facebook Pixel — Aktifkan jika pakai Facebook Pixel
• ☐ Varnish — Aktifkan jika hosting pakai Varnish cache
• ☐ Cloudflare — AKTIFKAN jika pakai Cloudflare (masukkan API key dan Zone ID)
• ☐ Sucuri — Aktifkan jika pakai Sucuri

Rocket Insights: Monitor Performa

Rocket Insights adalah fitur baru (2026) yang memungkinkan Anda memonitor performa langsung dari dashboard WP Rocket.

• ☐ Aktifkan Rocket Insights — Gratis di semua paket WP Rocket
• ☐ Track halaman utama — Tambahkan homepage dan 2-3 halaman penting
• ☐ Ikuti rekomendasi — Rocket Insights akan memberitahu fitur mana yang harus diaktifkan
• ☐ Re-test berkala — Test ulang setiap kali ada perubahan besar di website

Checklist Khusus WooCommerce

Jika Anda menjalankan toko online WooCommerce, ada checklist tambahan:

• ☐ Cart, Checkout, My Account — WP Rocket otomatis mengecualikan dari cache. Verifikasi dengan buka halaman tersebut di incognito
• ☐ WooCommerce Session Cookies — Pastikan tidak di-cache
• ☐ AJAX Fragments — Jika cart widget tidak update, tambahkan ?wc-ajax=get_refreshed_fragments ke Never Cache URLs
• ☐ Product Images — Jangan lazy load gambar produk utama di halaman produk
• ☐ Checkout Scripts — Jangan delay JS di halaman checkout (bisa memecah payment gateway)

⚠️ Critical: Setelah setting WP Rocket, SELALU test proses checkout lengkap: tambah produk → cart → checkout → pembayaran. Jangan publish sebelum yakin checkout berjalan normal.

Checklist Verifikasi Setelah Setup

Setelah selesai setting, verifikasi dengan checklist ini:

• ☐ Cek cache aktif — Buka website di incognito, View Page Source, cari
• ☐ Test PageSpeed — Bandingkan dengan skor sebelum setup
• ☐ Cek tampilan — Buka homepage, halaman artikel, halaman produk (jika WooCommerce)
• ☐ Cek mobile — Test di mobile device atau Chrome DevTools mobile emulation
• ☐ Cek form — Test contact form, search, login, register
• ☐ Cek slider/carousel — Pastikan masih berfungsi normal
• ☐ Cek popup — Jika ada popup, pastikan masih muncul
• ☐ Cek Google Analytics — Pastikan tracking masih berjalan
• ☐ Cek AdSense — Jika pakai AdSense, pastikan iklan masih muncul
• ☐ Cek WooCommerce checkout — Test proses belanja lengkap

Common Mistakes yang Harus Dihindari

10 kesalahan paling umum saat setting WP Rocket:

• ❌ Aktifkan semua fitur sekaligus — Aktifkan satu per satu, test setelah setiap perubahan
• ❌ Combine CSS/JS di HTTP/2 — Tidak perlu, malah bisa memperburuk performa
• ❌ Tidak exclude above-the-fold images dari lazy load — Logo dan hero image harus langsung dimuat
• ❌ Delay JS tanpa exclude script penting — AdSense, analytics, dan payment gateway bisa break
• ❌ Tidak test WooCommerce checkout — Selalu test proses belanja setelah ubah setting
• ❌ Cache lifespan terlalu lama — Jangan lebih dari 24 jam
• ❌ Pakai 2 plugin cache bersamaan — Nonaktifkan plugin cache lain sebelum install WP Rocket
• ❌ Tidak backup sebelum database cleanup — Selalu backup dulu
• ❌ Ignore Rocket Insights — Fitur ini gratis dan sangat berguna untuk monitoring
• ❌ Tidak test di mobile — Mayoritas traffic Indonesia adalah mobile

Artikel Terkait

• Apa Itu WP Rocket? Panduan Lengkap untuk Pemula 2026
• Cara Install WP Rocket di WordPress
• Harga WP Rocket Indonesia 2026
• WP Rocket vs LiteSpeed Cache
• WP Rocket vs FlyingPress
• WP Rocket Review Lengkap
• WP Rocket Error: 10 Masalah Umum
• FAQ WP Rocket: 30+ Pertanyaan yang Sering Ditanya (2026)

FAQ: Pertanyaan Umum

Setting WP Rocket yang benar apa?

Aktifkan mobile cache, minify CSS/JS, load JS deferred, lazy load gambar, dan preload cache. Untuk WooCommerce, pastikan halaman cart dan checkout dikecualikan dari cache. Ikuti checklist tab per tab di artikel ini.

WP Rocket setting untuk shared hosting?

Di shared hosting, hindari fitur yang berat server: jangan combine CSS/JS jika sudah HTTP/2, jangan aktifkan preload jika traffic tinggi, dan kurangi heartbeat activity. Fokus ke minify + lazy load + defer JS.

Cara setting WP Rocket untuk WooCommerce?

WP Rocket otomatis mendeteksi WooCommerce dan mengecualikan cart, checkout, my account dari cache. Pastikan juga menambahkan URL cart dan checkout di Advanced Rules. Jangan aktifkan combine CSS/JS di halaman checkout.

Cara cek apakah WP Rocket sudah berjalan?

Buka website di incognito mode, klik kanan View Page Source, cari komentar . Jika ada, WP Rocket sudah aktif.

Setting WP Rocket yang aman untuk pemula?

Untuk pemula: aktifkan mobile cache, minify CSS/JS, lazy load gambar, dan preload cache. Hindari combine CSS/JS, remove unused CSS, dan delay JS dulu — aktifkan satu per satu sambil test tampilan website.

Berapa lama cache lifespan yang ideal?

Default 10 jam sudah cukup untuk kebanyakan website. Jika website sering update konten, kurangi ke 6-8 jam. Jika website statis, bisa dinaikkan ke 24 jam.

Kesimpulan

Setup WP Rocket sebenarnya sederhana — yang penting adalah aktifkan satu per satu dan test setelah setiap perubahan. Jangan tergoda untuk aktifkan semua fitur sekaligus.

Ringkasan checklist cepat:

• ✅ Cache: Mobile cache aktif, lifespan 10 jam
• ✅ CSS: Minify aktif, optimize delivery (Remove Unused CSS atau Load Async)
• ✅ JS: Minify aktif, deferred aktif, delay aktif (dengan exclude yang tepat)
• ✅ Media: Semua lazy load aktif, image dimensions aktif
• ✅ Preload: Aktif, link preloading aktif
• ✅ Database: Semua cleanup aktif, scheduled weekly
• ✅ Heartbeat: Reduce activity
• ✅ Verifikasi: Cek cache, test PageSpeed, test semua halaman penting

Jika Anda butuh bantuan setup WP Rocket yang optimal, tim OOS-SHOP siap membantu — prosesnya cepat dan hasilnya bisa langsung Anda rasakan.

🚀 Jasa Instal & Setting WP Rocket — Mulai dari Rp80.000 →