Cache Busting

TL;DR: Cache busting adalah teknik untuk memastikan pengunjung selalu mendapat versi terbaru file (CSS, JavaScript, gambar), bukan versi lama yang tersimpan di cache browser. Caranya dengan mengubah nama file atau menambah parameter versi setiap kali ada perubahan, sehingga browser menganggapnya file baru dan mengunduh ulang.

Apa itu Cache Busting?

Cache busting adalah cara mengatasi sisi negatif dari cache: pengunjung melihat versi file yang sudah usang. Browser menyimpan file statis agar website lebih cepat saat dibuka ulang. Masalahnya, ketika file diperbarui, browser bisa tetap memakai salinan lama karena merasa file dengan nama sama belum berubah.

Cache busting memecahkan ini dengan menandai file sebagai "baru". Misalnya style.css diubah menjadi style.a1b2c3.css setiap kali isinya berubah. Karena nama berbeda, browser wajib mengunduh versi terbaru.

Cara Umum Menerapkannya

Pada framework modern seperti Next.js, cache busting berjalan otomatis saat proses build, jadi developer jarang perlu mengaturnya manual. Hash dihasilkan dari isi file, sehingga hanya berubah ketika kontennya benar-benar berubah.

Kenapa Penting?

Tanpa cache busting, pengunjung bisa melihat tampilan rusak setelah update, misalnya layout lama bertabrakan dengan skrip baru. Dalam beberapa proyek yang saya tangani, keluhan "kenapa perubahan belum muncul" hampir selalu berakar pada cache yang belum diperbarui. Teknik ini juga menjaga keseimbangan: file tetap di-cache lama untuk kecepatan, tapi langsung diperbarui saat ada perubahan. Dokumentasi web.dev tentang HTTP caching menjelaskan strategi cache yang sehat lebih dalam.

Pertanyaan Umum

Apakah cache busting memperlambat website?

Tidak. Justru sebaliknya: file tetap di-cache lama untuk kecepatan, dan hanya diunduh ulang ketika benar-benar berubah.

Apakah saya perlu mengatur cache busting manual?

Jika memakai build tool modern seperti Next.js atau Vite, biasanya otomatis. Pengaturan manual hanya perlu pada website statis sederhana.