LSPPA | Lembaga Simulasi Praktik Pengembangan Aplikasi

Strategi cache CDN untuk asset statis

CDN membantu mempercepat pengiriman asset statis seperti gambar, CSS, dan JavaScript. Dengan cache yang tepat, aplikasi web menjadi lebih cepat dan hemat bandwidth. Strategi cache yang baik juga meminimalkan risiko asset lama masih terbaca setelah rilis baru.

Atur cache control yang jelas

Gunakan header Cache-Control untuk menentukan durasi penyimpanan di browser dan CDN. Untuk asset versi tetap, gunakan cache jangka panjang. Untuk asset yang sering berubah, gunakan cache lebih pendek.

  1. Gunakan max-age tinggi untuk file versi hashed.
  2. Gunakan must-revalidate untuk file yang sering berubah.
  3. Pisahkan asset statis dari endpoint API.

Gunakan versioning atau hash

Tambahkan hash pada nama file agar cache dapat disimpan lama tanpa risiko konten lama. Saat file berubah, hash berubah sehingga browser otomatis mengambil versi baru.

Jika tidak menggunakan hash, lakukan cache busting melalui query string, tetapi pastikan CDN menganggap query sebagai bagian dari key.

Monitoring dan invalidasi

Pantau hit ratio CDN untuk melihat efektivitas cache. Jika ada asset yang salah, lakukan purge secara selektif agar tidak membuang cache lain yang masih valid.

Strategi cache CDN yang tepat meningkatkan performa frontend, menurunkan waktu muat, dan memberi pengalaman pengguna yang lebih baik.

Exit mobile version