Hosting adalah fondasi performa toko Anda. Semua optimasi lain tidak akan maksimal jika server yang mendasarinya lambat. Ini keputusan paling berdampak yang bisa Anda buat untuk kecepatan toko.

Spesifikasi Hosting Minimum untuk WooCommerce

Tema yang bloated (berat) bisa menambah ratusan KB JavaScript dan CSS yang tidak perlu ke setiap halaman. Pilih tema yang dibangun dengan filosofi performance-first — ringan di ukuran, cepat di eksekusi, tanpa mengorbankan fleksibilitas desain.

Setiap plugin aktif menambah beban server: memuat file PHP, CSS, dan JavaScript — bahkan di halaman yang tidak membutuhkannya. Studi menunjukkan bahwa mengurangi dari 40 plugin menjadi 20 bisa memangkas waktu muat hingga 30–40%.

Panduan Audit Plugin

• 1
  Inventarisasi semua plugin aktifBuka Plugins → Installed Plugins. Catat semua plugin dan fungsinya masing-masing.
• 2
  Evaluasi dampak performa setiap pluginGunakan plugin Query Monitor untuk melihat berapa query database dan waktu load yang ditambahkan setiap plugin.
• 3
  Hapus plugin yang tidak aktif atau duplikatPlugin yang dinonaktifkan tapi masih terinstal tetap menggunakan ruang disk dan bisa menjadi celah keamanan.
• 4
  Pilih plugin multi-fungsiContoh: satu plugin seperti WP Rocket bisa menggantikan plugin caching, minify, dan lazy load secara terpisah.
• 5
  Gunakan plugin Asset CleanUpPlugin ini menonaktifkan CSS dan JavaScript plugin tertentu hanya di halaman yang tidak memerlukannya.

Caching menyimpan versi statis halaman web sehingga server tidak perlu membangun ulang halaman dari database untuk setiap pengunjung. Ini adalah optimasi dengan rasio dampak/usaha terbaik yang bisa Anda lakukan untuk toko WooCommerce.

Tiga Lapisan Caching yang Perlu Diaktifkan

Cara Mengaktifkan Object Cache di hPanel Hostinger

• 1
  Login ke hPanel → WordPress OverviewAkses dashboard hosting dan klik menu WordPress Overview.
• 2
  Pastikan LiteSpeed Cache sudah terinstalJika belum, klik tombol Install yang tersedia.
• 3
  Aktifkan Object Cache dengan toggleGeser toggle Object Cache ke posisi aktif. Perubahan berlaku langsung tanpa restart server.

CDN mendistribusikan aset statis toko Anda (gambar, CSS, JS) ke jaringan server global. Pengunjung dari Surabaya atau Makassar mendapat file dari server terdekat — bukan dari server yang mungkin ada di Jakarta atau Singapura — sehingga waktu loading berkurang drastis.

Cara Mengaktifkan CDN di hPanel Hostinger

• 1
  Login ke hPanel → Performance → CDNTemukan menu CDN di bagian Performance di sidebar hPanel.
• 2
  Klik tombol EnableCDN Hostinger didukung oleh Cloudflare dengan server di 200+ kota di seluruh dunia.
• 3
  Tunggu 24–48 jam propagasi DNSSetelah aktif, semua aset statis otomatis disajikan dari edge server terdekat ke pengunjung.

Gambar produk adalah penyebab terbesar halaman WooCommerce yang lambat. Foto produk beresolusi tinggi dari kamera DSLR bisa berukuran 5–10 MB per file — kalikan dengan ratusan produk, dan Anda punya masalah performa yang serius.

Strategi Optimasi Gambar Lengkap

Mengunggah file video langsung ke server WordPress adalah kesalahan serius. Video 100 MB yang diputar di halaman produk akan menghabiskan bandwidth server dan membuat halaman lain ikut melambat.

Cara Embed Video YouTube ke Halaman Produk WooCommerce

• 1
  Upload video ke YouTube (bisa Unlisted)Anda tidak perlu mempublish video secara publik — mode Unlisted sudah cukup untuk embed di toko.
• 2
  Salin URL atau kode embed videoKlik Share → Embed di YouTube untuk mendapatkan kode iframe.
• 3
  Tambahkan ke deskripsi produk atau galeri WooCommerceTempel URL YouTube langsung di editor Gutenberg (auto-embed) atau gunakan blok Video.

WooCommerce membutuhkan lebih banyak memori PHP dibanding website WordPress biasa — terutama saat menjalankan banyak plugin, memproses pesanan, atau menampilkan katalog produk yang besar. Batas memori yang terlalu rendah menyebabkan error dan performa yang tidak konsisten.

Batas Memori yang Direkomendasikan

Cara Mengubah Memory Limit via hPanel

• 1
  Buka hPanel → Advanced → PHP Configuration
• 2
  Pilih tab PHP OptionsGulir ke bawah hingga menemukan kolom memoryLimit.
• 3
  Ubah nilai ke 256M atau lebih tinggiKlik Save. Perubahan langsung berlaku tanpa restart server.

Alternatif — tambahkan baris berikut ke file wp-config.php:

define( 'WP_MEMORY_LIMIT', '256M' );

Setiap versi PHP baru membawa peningkatan kecepatan eksekusi yang signifikan. PHP 8.2 terbukti mengeksekusi kode WordPress/WooCommerce 20–40% lebih cepat dibanding PHP 7.4 — dengan penggunaan memori yang lebih efisien pula.

Cara Update PHP di hPanel Hostinger

• 1
  Buka hPanel → Advanced → PHP Configuration
• 2
  Pilih tab PHP VersionDaftar semua versi PHP yang tersedia akan ditampilkan.
• 3
  Pilih PHP 8.2 atau 8.3 → klik UpdatePastikan semua plugin dan tema Anda kompatibel dengan versi yang dipilih sebelum mengklik Update.

Minifikasi menghapus karakter yang tidak diperlukan dari file kode — spasi, tab, komentar, baris baru — tanpa mengubah fungsionalitasnya. File yang lebih kecil = transfer lebih cepat = halaman lebih cepat dimuat.

Seiring waktu, database WooCommerce menumpuk data yang tidak lagi berguna: revisi produk lama, transient kadaluarsa, log pesanan usang, sesi yang ditinggalkan, dan metadata yang menggantung. Semua ini memperlambat query database dan membuat toko terasa berat.

Apa yang Perlu Dibersihkan?

WordPress secara default menyimpan setiap versi setiap kali Anda menyimpan postingan atau produk — tanpa batas. Produk yang sering diupdate bisa memiliki puluhan bahkan ratusan revisi yang tidak berguna, membebani database secara perlahan.

Tambahkan baris berikut ke file wp-config.php untuk membatasi jumlah revisi maksimal:

// Batasi revisi WordPress maksimal 5 per postingan/produk
define( 'WP_POST_REVISIONS', 5 );

// Atau nonaktifkan revisi sepenuhnya (tidak direkomendasikan)
define( 'WP_POST_REVISIONS', false );

Komentar spam pada halaman produk WooCommerce mengisi tabel wp_comments dengan ribuan baris data yang tidak berguna, memperlambat query database dan menambah beban moderasi manual. Satu toko aktif yang tidak terlindungi bisa menerima ribuan spam per hari.

WooCommerce menggunakan AJAX untuk memperbarui ikon keranjang secara real-time tanpa reload halaman — fitur yang berguna, tapi menghasilkan satu AJAX request tambahan di setiap halaman yang dikunjungi, termasuk beranda dan halaman blog yang tidak ada kaitannya dengan keranjang.

Anda bisa menonaktifkan fitur ini secara selektif di halaman tertentu untuk mengurangi beban server:

/**
 * Nonaktifkan AJAX Cart Fragments di halaman depan (beranda)
 * untuk mengurangi request yang tidak diperlukan.
 * Modifikasi kondisi sesuai halaman yang diinginkan.
 */
add_action( 'wp_enqueue_scripts', 'disable_wc_cart_fragments', 11 );

function disable_wc_cart_fragments() {
  if ( is_front_page() ) {
    // Nonaktifkan di beranda saja
    wp_dequeue_script( 'wc-cart-fragments' );
  }
}

/* Opsi lain: nonaktifkan di semua halaman KECUALI cart & checkout */
function disable_wc_cart_fragments_globally() {
  if ( ! is_cart() && ! is_checkout() ) {
    wp_dequeue_script( 'wc-cart-fragments' );
  }
}
add_action( 'wp_enqueue_scripts', 'disable_wc_cart_fragments_globally', 11 );

Menampilkan 500 produk sekaligus di satu halaman bukan hanya memperlambat loading secara dramatis — tapi juga membuat pengunjung kewalahan dan tidak tahu harus mulai dari mana. Paginasi membagi katalog menjadi halaman yang lebih ringan dan lebih mudah dinavigasi.

Tambahkan kode berikut ke functions.php untuk membatasi jumlah produk per halaman:

/**
 * Atur jumlah produk per halaman di WooCommerce
 * Ganti angka 12 sesuai kebutuhan toko Anda
 */
add_filter( 'loop_shop_per_page', 'woo_custom_products_per_page', 20 );

function woo_custom_products_per_page( $cols ) {
  $cols = 12; // 12 produk per halaman = 3 kolom × 4 baris
  return $cols;
}