Pengaturan LiteSpeed Cache WordPress untuk Hosting Indonesia
Sebagian besar hosting murah dan menengah di Indonesia sekarang memakai server web LiteSpeed. Kalau situs WordPress Anda berada di hosting seperti ini, plugin LiteSpeed Cache (sering disingkat LSCache) adalah alat paling efektif untuk mempercepatnya, dan gratis. Masalahnya, plugin ini punya ratusan pilihan. Banyak pemilik situs langsung menyalakan semuanya, lalu tampilan situs rusak atau formulir berhenti bekerja. Panduan ini membahas pengaturan yang aman dan urutan mencobanya, khusus untuk kondisi hosting di Indonesia.
Panduan ini melengkapi Cara Mempercepat Website WordPress. Artikel itu membahas gambaran besarnya (hosting, tema, plugin), sedangkan artikel ini fokus pada satu plugin dan setelannya.
Langkah 0: Pastikan server Anda benar-benar LiteSpeed
LiteSpeed Cache hanya bisa memakai fitur cache halaman di server LiteSpeed atau OpenLiteSpeed. Di server Apache atau Nginx biasa, fitur utamanya tidak berjalan, dan Anda lebih baik memakai plugin cache lain.
Cara mengeceknya:
- Uji situs Anda di webmaster.my.id. Di bagian informasi server, lihat header
server. Jika tertulisLiteSpeed, Anda bisa lanjut. - Atau buka panel hosting (cPanel, DirectAdmin) dan cari menu "LiteSpeed Web Cache Manager".
- Jika situs memakai Cloudflare, header
serverakan tertuliscloudflare. Tanyakan ke penyedia hosting atau cek panelnya.
Sebelum mengubah apa pun, catat skor awal. Uji halaman beranda dan satu halaman artikel atau produk, lalu simpan tautan halaman hasilnya. Tanpa angka awal, Anda tidak bisa tahu apakah pengaturan tertentu benar-benar membantu.
Langkah 1: Cadangkan dan pasang plugin
Buat cadangan lengkap (file dan database) lewat panel hosting atau plugin backup. Lalu:
- Nonaktifkan dan hapus plugin cache lain, seperti WP Super Cache, W3 Total Cache, atau WP Fastest Cache. Dua plugin cache yang aktif bersamaan sering membuat halaman lama terus tampil atau situs error.
- Pasang LiteSpeed Cache dari menu Plugin › Tambah Baru, lalu aktifkan.
- Buka menu LiteSpeed Cache › Dasbor. Jika muncul ajakan menghubungkan ke QUIC.cloud, Anda boleh melakukannya nanti. Fitur dasar sudah bisa dipakai tanpa itu.
Langkah 2: Aktifkan cache halaman
Ini pengaturan dengan dampak terbesar. Cache halaman menyimpan versi HTML jadi dari setiap halaman, sehingga server tidak perlu menjalankan PHP dan query database setiap kali ada pengunjung. Dampaknya terlihat pada TTFB (waktu respons server), yang di hosting bersama bisa turun dari 800–1.500 ms menjadi di bawah 200 ms.
Di menu Cache › Cache:
- Enable Cache: ON.
- Cache Logged-in Users: OFF untuk sebagian besar situs. Nyalakan hanya jika situs keanggotaan Anda memang banyak pengguna login dan Anda paham risikonya.
- Cache Commenters: ON.
- Cache REST API: ON.
- Cache Login Page: ON.
- Cache Mobile: biarkan OFF jika tema Anda responsif (satu tampilan untuk semua perangkat). Nyalakan hanya jika tema menampilkan HTML yang berbeda untuk ponsel.
Di tab TTL, nilai bawaan 604800 detik (7 hari) untuk halaman publik sudah wajar. Plugin otomatis menghapus cache halaman yang berubah saat Anda menyunting artikel.
Untuk toko WooCommerce, LiteSpeed Cache otomatis tidak menyimpan halaman keranjang, checkout, dan akun. Tetap periksa menu Cache › Excludes, lalu tambahkan halaman lain yang isinya berbeda untuk tiap pengguna, misalnya halaman konfirmasi pembayaran dari plugin pihak ketiga.
Setelah menyimpan, buka situs di jendela penyamaran (incognito), muat ulang dua kali, lalu periksa header respons di DevTools. Jika ada x-litespeed-cache: hit, cache sudah bekerja.
Langkah 3: Optimasi halaman, satu per satu
Menu Page Optimization berisi fitur yang paling sering membuat tampilan rusak. Nyalakan bertahap, lalu cek situs setelah setiap perubahan.
Urutan yang kami sarankan:
- CSS Minify: ON. Risikonya kecil.
- JS Minify: ON. Risikonya juga kecil.
- HTML Minify: ON. Dampaknya kecil, tetapi aman.
- CSS Combine dan JS Combine: biarkan OFF dulu. Di HTTP/2, menggabungkan file jarang memberi keuntungan besar dan cukup sering memicu error.
- Load JS Deferred: pilih
Deferred. Ini sangat membantu skor Total Blocking Time dan masalah "render-blocking". Jika ada slider, menu, atau formulir yang berhenti bekerja, masukkan file JS-nya ke JS Deferred / Delayed Excludes. - Load CSS Asynchronously (memerlukan QUIC.cloud untuk membuat Critical CSS): coba hanya setelah langkah lain stabil. Fitur ini bisa memperbaiki LCP secara nyata, tetapi kadang membuat tampilan "berkedip" sesaat.
- Font Display Optimization: pilih
Swapagar teks langsung tampil memakai font cadangan. Baca juga Font Web yang Cepat. - Remove Google Fonts: nyalakan hanya jika tema masih berfungsi baik dengan font sistem.
Setelah setiap langkah, kosongkan cache (tombol Purge All di bilah admin), buka beranda dan beberapa halaman penting, lalu coba klik menu, formulir kontak, dan tombol beli.
Langkah 4: Gambar dan lazy load
Gambar biasanya penyumbang ukuran halaman terbesar. Di menu Page Optimization › Media:
- Lazy Load Images: ON. Gambar di bawah layar baru dimuat saat pengunjung menggulir.
- Responsive Placeholder: ON, agar tata letak tidak bergeser (baik untuk CLS).
- Tambahkan gambar utama halaman (logo dan gambar hero) ke Lazy Load Image Excludes atau gunakan class
skip-lazy. Gambar utama yang di-lazy load akan menunda LCP. Lighthouse menandainya dengan pesan "gambar LCP dimuat secara lambat".
Untuk mengubah gambar ke WebP, gunakan menu Image Optimization. Fitur ini memakai server QUIC.cloud dan kuota gratisnya cukup untuk situs kecil sampai menengah. Aktifkan Image WebP Replacement setelah gambar selesai diproses. Penjelasan lebih lengkap ada di Optimasi Gambar: WebP, AVIF, dan Lazy Load.
Langkah 5: Object cache dan database
Jika hosting menyediakan Redis atau Memcached (lihat di cPanel atau tanyakan ke support), aktifkan di menu Cache › Object. Object cache mempercepat halaman yang tidak bisa disimpan di cache, seperti dasbor admin, keranjang belanja, dan halaman pengguna yang login. Isi host dan port sesuai petunjuk hosting. Biasanya host localhost dengan port 6379 untuk Redis, atau path socket tertentu. Pastikan status menunjukkan "Connection Test: Passed".
Di menu Database, Anda bisa membersihkan revisi lama, draf otomatis, komentar spam, dan transient kedaluwarsa. Lakukan setelah membuat cadangan. Batasi juga jumlah revisi agar database tidak terus membengkak.
Langkah 6: CDN dan Cloudflare
LiteSpeed Cache bisa memakai CDN QUIC.cloud. Jika situs Anda sudah memakai Cloudflare, Anda tidak perlu menambah CDN lain. Cukup isi API Cloudflare di menu CDN › Cloudflare agar plugin bisa ikut membersihkan cache Cloudflare saat Anda menekan Purge All.
Hati-hati dengan fitur Cloudflare yang tumpang tindih dengan plugin, misalnya Rocket Loader dan Auto Minify (yang kini sudah dihentikan Cloudflare). Pilih satu tempat untuk setiap optimasi. Jika JS sudah ditunda oleh LiteSpeed Cache, matikan Rocket Loader. Lihat Caching dan CDN untuk Pemula untuk dasar pengaturan Cloudflare.
Langkah 7: Crawler (opsional)
Fitur Crawler mengunjungi halaman-halaman situs secara otomatis agar cache selalu siap sebelum pengunjung datang. Fitur ini berguna untuk situs dengan banyak halaman yang jarang dikunjungi. Namun banyak hosting bersama di Indonesia menonaktifkannya karena membebani server. Jika diizinkan, jalankan dengan jeda yang cukup panjang, dan hentikan jika pemakaian CPU di panel hosting melonjak.
Mengukur hasilnya
Setelah semua stabil:
- Kosongkan semua cache, lalu buka setiap halaman yang ingin diuji satu kali agar cache terisi.
- Uji ulang di webmaster.my.id dengan perangkat yang sama (mobile atau desktop) seperti uji awal.
- Bandingkan skor Performa, LCP, TBT, dan TTFB dengan catatan awal.
- Uji juga beberapa halaman sekaligus dengan Uji Massal, misalnya beranda, kategori, artikel, dan produk.
Hasil yang biasa kami lihat: TTFB turun drastis berkat cache halaman, TBT membaik berkat JS Deferred, dan LCP membaik berkat WebP serta pengecualian lazy load untuk gambar utama. Jika skor justru turun setelah satu pengaturan, kembalikan pengaturan itu. Tidak semua fitur cocok untuk setiap tema.
Kesalahan yang sering terjadi
- Menyalakan semua fitur sekaligus. Saat ada yang rusak, Anda tidak tahu penyebabnya.
- Lupa purge setelah mengubah pengaturan. Pengunjung masih melihat versi lama.
- Lazy load pada gambar hero. Ini membuat LCP lebih lambat.
- Memasang dua plugin cache. Pilih satu saja.
- Mengabaikan halaman yang isinya berbeda per pengguna. Halaman keranjang atau akun yang ikut tersimpan di cache bisa menampilkan data pengguna lain.
Pertanyaan yang sering diajukan
Apakah LiteSpeed Cache bisa dipakai di hosting non-LiteSpeed?
Bisa dipasang, tetapi fitur utamanya, yaitu cache halaman, tidak berjalan. Fitur optimasi CSS, JS, dan gambar tetap berfungsi lewat QUIC.cloud. Untuk server Apache atau Nginx biasa, plugin cache lain biasanya lebih efektif.
Apakah QUIC.cloud wajib?
Tidak. Cache halaman, minify, dan lazy load berjalan tanpa QUIC.cloud. Layanan itu dibutuhkan untuk optimasi gambar, Critical CSS, dan CDN-nya. Kuota gratisnya cukup untuk banyak situs kecil.
Kenapa skor tidak naik padahal cache aktif?
Cache halaman terutama memperbaiki TTFB. Jika skor masih rendah, penyebabnya biasanya ada di sisi browser, seperti gambar besar, JavaScript berat dari tema atau plugin, atau skrip pihak ketiga seperti iklan dan chat. Lihat daftar saran perbaikan di hasil tes untuk mengetahui penyebab utamanya.
Tampilan situs rusak setelah mengaktifkan optimasi, apa yang harus dilakukan?
Matikan pengaturan terakhir yang Anda ubah, lalu tekan Purge All. Biasanya penyebabnya JS Deferred, CSS Combine, atau Load CSS Asynchronously. Setelah itu, masukkan file yang bermasalah ke daftar pengecualian, bukan mematikan fitur sepenuhnya.