Cara Setting Cache di Nginx

Cara Setting Cache di Nginx

Cara Setting Cache di Nginx. Setiap kali pengunjung membuka website Anda, server harus memproses ulang file yang sama berulang kali. Ini membuang resource dan memperlambat loading.

Solusinya? Caching di Nginx.

Dengan konfigurasi cache yang tepat, website Anda bisa terasa jauh lebih cepat—bahkan tanpa upgrade server.

---

🧠 Apa Itu Cache di Nginx?

Cache adalah mekanisme untuk menyimpan file sementara agar tidak perlu dimuat ulang dari server setiap kali diakses.

Manfaatnya:

• Mengurangi beban server
• Mempercepat loading halaman
• Menghemat bandwidth
• Meningkatkan pengalaman pengguna

---

⚙️ Jenis Cache yang Bisa Digunakan di Nginx

Ada dua jenis cache utama:

1. Cache File Statis
   (gambar, CSS, JavaScript, font)
2. FastCGI Cache
   (untuk website PHP seperti WordPress)

Di artikel ini, kita fokus ke cache file statis yang paling mudah dan langsung terasa efeknya.

---

📦 Cara Setting Cache File Statis di Nginx

Buka file konfigurasi website Anda:

sudo nano /etc/nginx/sites-available/default

Tambahkan kode berikut di dalam blok server { ... }:

location ~* \.(jpg|jpeg|png|gif|ico|css|js|svg|woff|woff2)$ {
    expires 30d;
    add_header Cache-Control "public, no-transform";
    access_log off;
    log_not_found off;
}

---

🔍 Penjelasan Konfigurasi

• expires 30d → file disimpan di browser selama 30 hari
• Cache-Control → memberi instruksi ke browser
• access_log off → mengurangi beban logging
• log_not_found off → menghindari log error tidak penting

---

🔄 Restart Nginx

Setelah konfigurasi:

sudo nginx -t
sudo systemctl restart nginx

Pastikan tidak ada error sebelum restart.

---

🧪 Cara Cek Cache Sudah Aktif

Gunakan:

• Developer Tools → Network → lihat header Cache-Control
• Tools seperti GTmetrix atau PageSpeed

Jika muncul max-age atau expires, berarti cache sudah aktif ✅

---

⚠️ Tips Penting Agar Cache Maksimal

• Gunakan cache lebih lama untuk file statis
• Jangan cache file yang sering berubah (seperti HTML utama)
• Gunakan versioning file (contoh: style.v1.css)
• Kombinasikan dengan CDN untuk performa global

---

🔥 Bonus: Cache untuk File HTML (Opsional)

Jika ingin lebih agresif, Anda bisa menambahkan:

location ~* \.(html)$ {
    expires 1h;
}

Tapi gunakan dengan hati-hati agar konten tidak terlalu lama tersimpan.

---

🎯 Manfaat yang Akan Anda Rasakan

Setelah menggunakan cache:

• Website terasa instan saat dibuka ulang
• Server lebih ringan
• Loading lebih stabil
• Ranking SEO berpotensi meningkat

---

🎯 Kesimpulan

Caching di Nginx adalah salah satu optimasi paling efektif dan mudah diterapkan. Dengan hanya beberapa baris konfigurasi, Anda bisa meningkatkan performa website secara signifikan tanpa biaya tambahan.

---